Run ❯
zig
.
com
×
Change Orientation
Change Theme, Dark/Light
Go to Spaces
<!DOCTYPE html> <html> <body> <h1 id="myH1">The Element Object</h1> <h2>The removeChild() Method</h2> <iframe src="../default.html" style="height:400px;width:650px;"></iframe> <p>Click the buttons to remove the h1 from its parent and insert it into the other document.</p> <button onclick="remove()">Remove</button> <button onclick="insert()">Insert</button> <script> const child = document.getElementById("myH1"); function remove() { child.parentNode.removeChild(child); } function insert() { const frame = document.getElementsByTagName("IFRAME")[0] const h = frame.contentWindow.document.getElementsByTagName("H1")[0]; const x = document.adoptNode(child); h.appendChild(x); } </script> </body> <!-- /jsref/tryit.asp?filename=tryjsref_node_removechild5 </html>
