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

 <html>
 <head>
 <script>
 function debug(str) {
 	console = document.getElementById('console');

 	li = document.createElement('li');
 	console.appendChild(li);
 	li.appendChild(document.createTextNode(str));
 }

 function runTests() {
 	if (window.testRunner) {
 		testRunner.dumpAsText();
 	}
 	div = document.getElementById('duplicate');
 	dup1 = div.parentNode.removeChild(div);

 	div = document.getElementById('duplicate');
 	if (!div) {
 		debug('Failed: getElementById returned null');
 		return;
 	}

 	if (div.firstChild.nodeValue != 'This is the second duplicate div') {
 		debug('Failed: getElementById returned the wrong div');
 		return;
 	}

 	dup2 = div.parentNode.removeChild(div);
 	if (document.getElementById('duplicate')) {
 		debug('Failed: getElementById did not return null');
 		return;
 	}

 	// Now insert the nodes again
 	container = document.getElementById('container');
 	container.appendChild(dup1);
 	container.appendChild(dup2);

 	if (!document.getElementById('duplicate')) {
 		debug('Failed: getElementById returned null');
 		return;
 	}

 	debug('Success!');
 }
 </script>
 </head>
 <body onLoad="runTests()">
 This tests that getElementById works as elements with duplicate ids are added and removed. If the test is successful, the text "success" should be shown below.
 <div id="container">
 <div id="duplicate">This is the first duplicate div</div>
 <div id="duplicate">This is the second duplicate div</div>
 </div>
 <ul id="console">
 </li>
 </body>
 </html>
	<html>
	<head>
	<script>
	function debug(str) {
	console = document.getElementById('console');

	li = document.createElement('li');
	console.appendChild(li);
	li.appendChild(document.createTextNode(str));
	}

	function runTests() {
	if (window.testRunner) {
	testRunner.dumpAsText();
	}
	div = document.getElementById('duplicate');
	dup1 = div.parentNode.removeChild(div);

	div = document.getElementById('duplicate');
	if (!div) {
	debug('Failed: getElementById returned null');
	return;
	}

	if (div.firstChild.nodeValue != 'This is the second duplicate div') {
	debug('Failed: getElementById returned the wrong div');
	return;
	}

	dup2 = div.parentNode.removeChild(div);
	if (document.getElementById('duplicate')) {
	debug('Failed: getElementById did not return null');
	return;
	}

	// Now insert the nodes again
	container = document.getElementById('container');
	container.appendChild(dup1);
	container.appendChild(dup2);

	if (!document.getElementById('duplicate')) {
	debug('Failed: getElementById returned null');
	return;
	}

	debug('Success!');
	}
	</script>
	</head>
	<body onLoad="runTests()">
	This tests that getElementById works as elements with duplicate ids are added and removed. If the test is successful, the text "success" should be shown below.
	<div id="container">
	<div id="duplicate">This is the first duplicate div</div>
	<div id="duplicate">This is the second duplicate div</div>
	</div>
	<ul id="console">
	</li>
	</body>
	</html>