Question

如果代码如下-

<div class="test1">
       <div class="bla1">
        </div>
    <a href="https://elitetech.com"> </a>
    </div>

窗口加载后，如何使用JavaScript删除上面的href链接？

Answer 1

像这样-假设您要删除类别为test1的div中的链接的第一个实例

window.addEventListener("load",function() {
  document.querySelector(".test1 a").remove()
})

div.test1 { border:1px solid red }

<div class="test1">
  <div class="bla1">Bla 1</div>
  <a href="https://elitetech.com">Link</a>
</div>
<div class="test1">
  <div class="bla2">Bla 2</div>
  <a href="https://elitetech.com">Link</a>
</div>
<div class="test1">
  <div class="bla3">Bla 3</div>
  <a href="https://elitetech.com">Link</a>
</div>

使用class test1删除div中的所有链接

window.addEventListener("load",function() {
  [...document.querySelectorAll(".test1 a")].forEach(link => link.remove()); // IE11 compatible forEach
  // document.querySelectorAll(".test1 a").forEach(link => link.remove())
})

div.test1 { border:1px solid red }

<div class="test1">
  <div class="bla1">Bla 1</div>
  <a href="https://elitetech.com">Link</a>
</div>
<div class="test1">
  <div class="bla2">Bla 2</div>
  <a href="https://elitetech.com">Link</a>
</div>
<div class="test1">
  <div class="bla3">Bla 3</div>
  <a href="https://elitetech.com">Link</a>
</div>

加载后如何从html网站中删除元素？

1 个答案: