zoukankan      html  css  js  c++  java
  • DOM删除节点

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>DOM树</title>
    </head>
    <script type="text/javascript">
    function delDiv(divId){
    var _div=document.getElementById(divId);//获取要删除的节点
    var divParent=_div.parentNode;//获取删除节点的父节点
    divParent.removeChild(_div);//删除节点
    }
    function delDivAll(){
    var _divList=document.getElementsByTagName("div");
    var n=_divList.length;
    for(var i=0;i<n;++i){
    var _parentNode=_divList[0].parentNode;//  疑问之处。这里我曾经将0修改成i  然后删除时只删除1 3 ,第二次删除才删除2.。。不是很理解为什么是0
    _parentNode.removeChild(_divList[0]);
    }
    }
    </script>
    <body>
    <div id="div1">div1文本内容</div>
    <div id="div2">div2文本内容</div>
    <div id="div3">div3文本内容</div>
    <input type="button"value="删除div1节点" onclick="delDiv('div1')" /><br />
    <input type="button"value="删除div2节点" onclick="delDiv('div2')" /><br />
    <input type="button"value="删除div3节点" onclick="delDiv('div3')" /><br />
    <input type="button"value="删除所有节点" onclick="delDivAll()" />
    </body>
    </html>

  • 相关阅读:
    欧拉图
    hdu2544 迪杰斯特拉题目优化
    迪杰斯特拉--数组模拟邻接表优化
    快速幂
    四叉树 bnuoj
    逆康拓展开展开
    全排列 STL
    魔板拼图
    「luogu4366」最短路
    「国家集训队」稳定婚姻
  • 原文地址:https://www.cnblogs.com/wxhhts/p/7890619.html
Copyright © 2011-2022 走看看