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();

tabber（）関数が実行されると、関数呼び出しが document.getElementByID nullを返します。なんで？要素 NavContainer 間違いなく存在します。手がかりはありますか？

Answer 1

ええ、悪魔は詳細にあります。割り当て中に間違いを犯しています onload イベント。

window.onload = tabber();

を割り当てます 結果 の tabber() に onload 財産。 tabber（）はすぐに実行され、オンロードではありません.

に変更します

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

それはうまくいくでしょう。

Answer 2

ウィンドウロードでタブバー機能を誤って呼び出しています。

に変更します

window.onload = tabber;

Answer 3

たぶん、あなたが変数として 'として'として 'キーワードを使用しているという事実が問題です。最初にそれを削除します。