的document.getElementById被返回null

Question

下面是相关的HTML：

<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> 

的vertical.js

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

    return; 
} 

window.onload = tabber(); 

内容时的焊接设备（）被执行函数，该函数调用document.getElementById返回null。为什么？元件navcontainer肯定存在。任何线索？

Answer 1

嘿，魔鬼在细节中。您在分配onload事件时犯了一个错误。

window.onload = tabber(); 

会的tabber()分配结果到onload财产。 Tabber（）会立即执行并且不会负载。

将其更改为

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

，将工作。

Answer 2

也许事实上，你使用JS关键字'as'作为变量是问题。先删除。

Answer 3

您在窗口加载时错误地调用了tabber函数。

将其更改为

window.onload = tabber;