javascript怎么删除子元素-木庄网络博客

本文摘自PHP中文网，作者青灯夜游，侵删。

在javascript中，可以使用removeChild()方法来删除子元素，该方法可以从指定元素的子节点列表中删除某个节点，即删除指定子元素；语法格式“父元素对象.removeChild(子元素)”。

本教程操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。

javascript删除子元素

在javascript中，可以使用removeChild()方法来删除子元素。下面通过示例来具体了解一下。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <style>
            div{
                border: 2px dashed #006DAF;
                padding: 10px;
            }
            p{
                border: 2px dashed #006DAF;
                padding: 10px;
            }
        </style>
    </head>
 
    <body>
        <div>div元素
            <h2>一个标题</h2>
            <p>一个段落</p>
        </div><br />
        <input id="btn" type="button" value="删除div中的子元素p">
    </body>
    <script>
        function deleteChild() {
            var div = document.querySelector("div");
            var p = document.querySelector("p");
 
            div.removeChild(p);
 
        }
        var btn = document.getElementById("btn").onclick = function() {
            deleteChild();
        }
    </script>
 
</html>