zoukankan      html  css  js  c++  java
  • DOM基础之删除元素

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

    <!DOCTYPE >
    <html>
          <head>
                <title ></title>
                <meta charset="utf-8" />
                <script>
                      window.οnlοad=function()
                      {
                            var oBtn=document.getElementById("btn");
                            oBtn.οnclick=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);就可以。
     

  • 相关阅读:
    手撕RPC框架
    关于JVM的一些冷知识
    luoguP2627 修剪草坪
    [USACO16OPEN]248
    luoguP1171 售货员的难题
    luoguP2016 战略游戏
    luoguP2422 良好的感觉
    POJ1160 [IOI2000]Post Office
    luoguP2015 二叉苹果树
    BZOJ1756 小白逛公园
  • 原文地址:https://www.cnblogs.com/chmusk/p/12465866.html
Copyright © 2011-2022 走看看