主页
JS 参考手册
HTML DOM removeChild 方法
tryjsref_node_removechild4
运行 ❯
×
更改方向
保存代码
更改主题
<!DOCTYPE html> <html> <body> <ul id="myList"> <li id="myLI">咖啡</li> </ul> <p>单击一个按钮从 ul 中删除 li 元素。 单击另一个按钮将删除的 li 元素插入到 ul。</p> <button onclick="removeLi()">删除 li</button> <button onclick="appendLi()">插入 li</button> <script> var item = document.getElementById("myLI"); function removeLi() { item.parentNode.removeChild(item); } function appendLi() { var list = document.getElementById("myList"); list.appendChild(item); } </script> </body> </html>