LayoutTests/fast/dom/duplicate-ids-document-order.html - WebKit - Git at Google

 <html>
 <head>
 <script>
 function debug(str) {
     text = document.createTextNode(str);
     debugDiv = document.getElementById('debugDiv');
     div = document.createElement('div');
     div.appendChild(text);
     debugDiv.appendChild(div);
 }

 function runTest() {
     if (window.testRunner) {
         testRunner.dumpAsText();
     }
     var div = document.getElementById("foo");
     for (var i = 0; i < 5; ++i) {
         var span = document.createElement("span");
         span.appendChild(document.createTextNode(i));
         span.setAttribute("id", "bar");
         div.insertBefore(span, div.firstChild);
     }

     if (document.getElementById("bar").innerHTML == 4)
         debug("Success");
     else
         debug("Failure");
 }
 </script>
 </head>
 <body onload="runTest()">
 This tests that getElementById returns the first element in document order when there are multiple ids. Bug 12988.
 <div style="display:none" id="foo">text</div>
 <div id='debugDiv'>
 </div>
 </body>
 </html>
	<html>
	<head>
	<script>
	function debug(str) {
	text = document.createTextNode(str);
	debugDiv = document.getElementById('debugDiv');
	div = document.createElement('div');
	div.appendChild(text);
	debugDiv.appendChild(div);
	}

	function runTest() {
	if (window.testRunner) {
	testRunner.dumpAsText();
	}
	var div = document.getElementById("foo");
	for (var i = 0; i < 5; ++i) {
	var span = document.createElement("span");
	span.appendChild(document.createTextNode(i));
	span.setAttribute("id", "bar");
	div.insertBefore(span, div.firstChild);
	}

	if (document.getElementById("bar").innerHTML == 4)
	debug("Success");
	else
	debug("Failure");
	}
	</script>
	</head>
	<body onload="runTest()">
	This tests that getElementById returns the first element in document order when there are multiple ids. Bug 12988.
	<div style="display:none" id="foo">text</div>
	<div id='debugDiv'>
	</div>
	</body>
	</html>