<svg xmlns="http://www.w3.org/2000/svg"><div xmlns='http://www.w3.org/1999/xhtml' id="div1"> <div id="div2">bar</div> </div> <script><![CDATA[ function init() { var div2 = document.getElementById("div2"); var div1 = document.getElementById("div1"); var docElt = document.documentElement; var titleText = document.createTextNode("foo baz"); docElt.appendChild(div2); div2.appendChild(titleText); function second () { div2.appendChild(div1); removeNode(titleText); removeNode(div2); } setTimeout(second, 0); } function removeNode(q1) { q1.parentNode.removeChild(q1); } setTimeout(init, 0); ]]></script> </svg>