LayoutTests/fast/dom/remove-element-with-id-that-was-inserted-on-DOMNodeRemoved.html - WebKit - Git at Google

 <!DOCTYPE html>
 <html>
 <head></head> <!-- This element isn't necessary, but makes it straightforward to reason about the test when debugging it. -->
 <body id="declarativeBody"></body>
 <!-- Notice a <script> is only executed once. -->
 <script>
 if (window.testRunner) {
     testRunner.dumpAsText();
     testRunner.waitUntilDone();
 }

 var savedDocumentElement;
 function appendBodyElementToSavedDocument()
 {
     document.removeEventListener("DOMNodeRemoved", appendBodyElementToSavedDocument, false);
     savedDocumentElement.appendChild(document.createElement("body")).id = "programmaticBody";
 }

 function insertSavedDocument()
 {
     document.appendChild(savedDocumentElement); // Will execute <script id="script2">.
 }

 savedDocumentElement = document.documentElement;
 document.addEventListener("DOMNodeRemoved", appendBodyElementToSavedDocument, false);
 document.removeChild(savedDocumentElement); // Prevents <script id="script2"> from running since it won't be in the document when we fall off the end of this <script>.
 window.setTimeout(insertSavedDocument, 0);
 </script>
 <!-- This must be in its own <script> so that we execute it (for the first time) when we re-insert it into the document in insertSavedDocument(). -->
 <script id="script2">
 document.write("PASS, removed element, with HTML attribute id, which was inserted on event DOMNodeRemoved."); // Destroys the entire document, including <body id="declarativeBody"> and <body id="programmaticBody">.
 if (window.testRunner)
     testRunner.notifyDone();
 </script>
 </html>
	<!DOCTYPE html>
	<html>
	<head></head> <!-- This element isn't necessary, but makes it straightforward to reason about the test when debugging it. -->
	<body id="declarativeBody"></body>
	<!-- Notice a <script> is only executed once. -->
	<script>
	if (window.testRunner) {
	testRunner.dumpAsText();
	testRunner.waitUntilDone();
	}

	var savedDocumentElement;
	function appendBodyElementToSavedDocument()
	{
	document.removeEventListener("DOMNodeRemoved", appendBodyElementToSavedDocument, false);
	savedDocumentElement.appendChild(document.createElement("body")).id = "programmaticBody";
	}

	function insertSavedDocument()
	{
	document.appendChild(savedDocumentElement); // Will execute <script id="script2">.
	}

	savedDocumentElement = document.documentElement;
	document.addEventListener("DOMNodeRemoved", appendBodyElementToSavedDocument, false);
	document.removeChild(savedDocumentElement); // Prevents <script id="script2"> from running since it won't be in the document when we fall off the end of this <script>.
	window.setTimeout(insertSavedDocument, 0);
	</script>
	<!-- This must be in its own <script> so that we execute it (for the first time) when we re-insert it into the document in insertSavedDocument(). -->
	<script id="script2">
	document.write("PASS, removed element, with HTML attribute id, which was inserted on event DOMNodeRemoved."); // Destroys the entire document, including <body id="declarativeBody"> and <body id="programmaticBody">.
	if (window.testRunner)
	testRunner.notifyDone();
	</script>
	</html>