Comment ajouter de l'injection de code JavaScript dans un espace pour modifier l'attribut href?

Question

J'essaye de changer le lien sur mon site Web d'espace en insérant une injection de code. J'ajoute le code suivant:

<script> 
    var element = document.getElementsByClassName('eventitem-backlink')[0]; 
    element.setAttribute('href', '/archive/2017'); 
</script> 

Cependant, cela ne fonctionne pas car l'élément est indéfini. L'appel document.getElementsByClassName renvoie une liste de longueur avec l'élément que je veux modifier, mais lorsque j'essaie de l'extraire, il est indéfini.

Quand je lance le code suivant:

console.log(document.getElementsByClassName('eventitem-backlink')); 
console.log(document.getElementsByClassName('eventitem-backlink')[0]); 

il produit les éléments suivants:

Answer 1

Vous appelez la fonction trop tôt dans le processus. Essayez:

<script> 
 
    (function() { 
 

 
    function fn() { 
 
     var element = document.getElementsByClassName('eventitem-backlink')[0]; 
 

 
     if (element) { 
 
     console.log('element found'); 
 
     element.setAttribute('href', '/archive/2017'); 
 
     } else { 
 
     console.log('element not found yet');  
 
     setTimeout(fn, 200); 
 
     } 
 
    } 
 

 
    fn(); 
 
    })(); 
 
</script>