主页
JS 参考手册
HTML DOM removeChild 方法
tryjsref_node_removechild5
运行 ❯
×
更改方向
保存代码
更改主题
<!DOCTYPE html> <html> <body> <iframe src="/" style="height:400px;width:650px;"></iframe> <div id="myDIV"> <span id="mySpan" style="font-size:35px;">一个 span 元素</span> </div> <p>单击一个按钮可从其父项中删除 span 元素。 单击另一个按钮将删除的 span 元素插入到另一个文档的 h1 元素（新父元素）中。</p> <button onclick="removeLi()">删除 span</button> <button onclick="myFunction()">插入 span</button> <script> var child = document.getElementById("mySpan"); function removeLi() { child.parentNode.removeChild(child); } function myFunction() { var frame = document.getElementsByTagName("IFRAME")[0] var h = frame.contentWindow.document.getElementsByTagName("H1")[0]; var x = document.adoptNode(child); h.appendChild(x); } </script> </body> </html>