<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>