dom11克隆removeChild

最新推荐文章于 2023-04-28 09:51:17 发布

原创最新推荐文章于 2023-04-28 09:51:17 发布 · 241 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#dom

dom 专栏收录该内容

14 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现从HTML文档中删除指定DOM元素的方法。通过获取指定ID的按钮和列表元素，当按钮被点击时，将移除列表中的最后一个<li>元素。文中提供了完整的代码示例并讨论了如何避免错误发生。

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <input type="button" value="点击删除" id = "btn">
    <ul id="ul" >
        <li>1</li>
        <li>2</li>
        <li>3</li>
    </ul>
    <script>
        /*
            删除节点:
                父级.removeChild(指定的子节点)
            注意:
                如果指定的子节点没有,会报错.(进行判断解决)
        */
        var ul  = document.getElementById("ul");
        var num = 0;

        var btn = document.getElementById("btn");

        btn.onclick = function(){
            if(ul.lastElementChild){
                ul.removeChild(ul.lastElementChild);
            }

        }
    </script>
</body>
</html>