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

  • 相关阅读:
    PostgreSQL恢复误操作
    PostgreSQL修改表空间
    vim技巧记录
    postgresql recovery.conf文件内容说明
    转一篇pgpool配置
    由PostgreSQL的区域与字符集说起(转)
    PostgreSQL老司机博客 经常翻翻收获不小
    两位数相乘的口算方法
    五线谱升调与降调
    js中的封装、继承、多态
  • 原文地址:https://www.cnblogs.com/chmusk/p/12465866.html
Copyright © 2011-2022 走看看