как удалить элемент с сайта html после загрузки?

Question

если код такой, как показано ниже -

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

как мне удалить указанную выше ссылку href, используя javascript после загрузки окна?

Answer 1

Вот так - при условии, что вы хотите удалить первый экземпляр ссылки в div с классом test1

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>

Удалите все ссылки в div с классом test1

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>