document.getElementById retourne null

Question

est ici le code HTML correspondant:

<div id="navcontainer"> 
    <ul id="navlist"> 
     <li><a href="#tab1">Item one</a></li> 
     <li><a href="#tab2">Item two</a></li> 
     <li><a href="#tab3">Item three</a></li> 
     <li><a href="#tab4">Item four</a></li> 
     <li><a href="#tab5">Item five</a></li> 
    </ul> 
</div> 

Le contenu de vertical.js

function tabber() { 
    var li = document.getElementById("navcontainer"); 
    var as = document.getElementById('navlist'); 

    return; 
} 

window.onload = tabber(); 

Lorsque la fonction tabber() est exécutée, l'appel de fonction à document.getElementById renvoie la valeur null. Pourquoi? L'élément navcontainer existe définitivement. Des indices? Peut-être que le fait que vous utilisiez le mot-clé JS 'as' comme variable est le problème rencontré par le

Answer 1

Heh, le diable est dans le détail. Vous faites une erreur en affectant l'événement onload.

window.onload = tabber(); 

va affecter le résultat de tabber() à la propriété onload. Tabber() est exécuté immédiatement et non en charge.

Modifier à

window.onload = function() { tabber(); } 

qui fonctionne.

Answer 2

enlever ça en premier.

Answer 3

Vous appelez incorrectement la fonction de tabulation lors du chargement de la fenêtre.

Modifier à

window.onload = tabber;