其他分享
首页 > 其他分享> > 删除元素节点

删除元素节点

作者：互联网

 当我们把文本域里面的值赋值给li的时候，多添加一个删除的链接     需要把所有链接获取过来，当我们点击当前的链接的时候，删除当亲链接所在的li     阻止链接跳转需要添加JavaScript:void(0);或者JavaScript:; 
  <body>
    <button>删除</button>
    <ul>
      <li>张三</li>
      <li>李四</li>
      <li>王五</li>
    </ul>
  </body>
  <script>
    // 1.获取元素
    let ul = document.querySelector("ul");
    let btn = document.querySelector("button");
    // 2.删除节点 node.removeChild(child)
    // ul.removeChild(ul.children[0])
    // 3.点击按钮依次删除里面的孩子
    btn.onclick = function () {
      if (ul.children.length == 0) {
        this.disabled = true;
      } else {
        ul.removeChild(ul.children[0]);
      }
    };

 
  </script>

 

标签：JavaScript,删除,removeChild,元素,children,链接,ul,节点
来源： https://www.cnblogs.com/0722tian/p/16158855.html