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);就可以。
     

  • 相关阅读:
    装饰模式
    You can't specify target table 'a' for update in FROM clause
    Spring事务知识点
    JAVA中的volatile关键字
    验证HashSet和HashMap不是线程安全
    ZYNQ7000 通过FPGA Manager加载比特流
    verilog中可综合的task使用
    verilog条件编译
    Vivado debug异常现象
    Matlab相关函数使用
  • 原文地址:https://www.cnblogs.com/chmusk/p/12465866.html
Copyright © 2011-2022 走看看