JS DOM删除元素

JS DOM删除元素A.removeChild(B)在元素A中移除元素B<body><div class="wrap"><p class="one">张三 </p></div><span>王五</span><script>var oWrap = document.querySelector('.wrap

你猜不透~

6070人浏览 · 2022-04-17 21:36:03

你猜不透~ · 2022-04-17 21:36:03 发布

JS DOM删除元素

文章目录

JS DOM删除元素
- A.removeChild(B)
- "自杀式"移除元素

A.removeChild(B)

在元素A中移除元素B

<body>
  <div class="wrap">
    <p class="one">张三 </p>
  </div>
  <span>王五</span>

  <script>
    var oWrap = document.querySelector('.wrap');
    var oP = document.querySelector('.one');
    var oSpan= document.querySelector('span');

    oWrap.removeChild(oP) //能移除
    oWrap.removeChild(oSpan) //在oWrap标签外,不能移除
    
  </script>
</body>

请添加图片描述

"自杀式"移除元素

<body>
  <div class="wrap">
    <p class="one">张三 </p>
  </div>
  <span>王五</span>

  <script>
    var oWrap = document.querySelector('.wrap');
    var oP = document.querySelector('.one');
    var oSpan= document.querySelector('span');

    oSpan.remove()
    oP.remove()

  </script>
</body>