Question 190537 in Html Question posted in
Some basic documentation can be found here.

Remove a link from HTML page before it loads with JAVASCRIPT

HTML

I was sure I was on the right track, but for some reason the code of javascript doesn’t work and doesn’t remove the second link, can someone help me please?


<div class="p-4">
                    <h4 class="font-italic">Altro</h4>
                    <ol class="list-unstyled">
                        <li><a href="#">GitHub</a></li>
                        <li><a href="#">Twitter</a></li>
                        <li><a href="#">Facebook</a></li>
                    </ol>
                </div>

JAVASCRIPT


document.addEventListener("DOMContentLoaded", function RemoveLink() {
    // Seleziona il secondo link (Twitter) e rimuovilo
    var secondLink = document.querySelector('.list-unstyled li:nth-child(2) a');
    if (secondLink) {
       secondLink.remove()
    }
  });
Tags:

2

Answers


  1. 0

    It worked for , the Twitter Link was removed .

    and
    please note that it is not possible to remove a link before it loads because JavaScript is executed after the HTML document is parsed and rendered, so will se a glimpse of the second list option as HTML will rendered befor and then it will be gone right after the JS loads.

    Login or Signup to reply.
  2. 0

    It’s possible that the part of the page you’re trying to intercept is loading with some delay and that’s why it’s not working.
    Try this solution. This code will keep trying until it succeeds in removing the element

    
document.addEventListener("DOMContentLoaded", function RemoveLink() {
  var intervalId = setInterval(function() {
    var secondLink = document.querySelector('.list-unstyled li:nth-child(2) a');
    if (secondLink) {
      secondLink.remove();
      clearInterval(intervalId); // спира повторението на опитите
    }
  }, 100);
});
    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search