DOM基础之删除元素_document.body如何removechild

作者：Monodyee | 2024-03-05 11:43:57

踩

document.body如何removechild

在JavaScript中，我们可以使用removeChild()方法来删除父元素下的某个子元素。
语法：
A.removeChild(B);
说明：
A表示父元素，B表示父元素内部的某个子元素。
举例：


<!DOCTYPE >
<html>
      <head>
            <title ></title>
            <meta charset="utf-8" />
            <script>
                  window.onload=function()
                  {
                        var oBtn=document.getElementById("btn");
                        oBtn.onclick=function()
                        {
                              var 
oU1=document.getElementById("list");//删除最后一个子元素
                              oU1.removeChild(oU1.lastElementChild);
                        }
                  }
            </script>
      </head>
      <body>
            <u id="list">
            <li>HTML</li>
            <li>CSS</li>
            <li>JavaScript</li>
            <li>jQuery</li>
            <li>Vue.js</li>
      </u>
      <input id="btn" type="button" value="删除" />
            </body>
</html>
 
```

分析：
oU1.removeChild(oU1.lastElementChild);表示删除ul中最后一个子元素。如果想要删除第一个子元素，可以使用first来实现，如果想把整个列表删除，直接document.body.removeChild(oU1);就可以。

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/Monodyee/article/detail/190776