變量賦值getElementById，不工作

Question

我試着在stackoverflow上尋找，但不能找到與我一樣的問題 - 我確定這個問題很容易解決，但不知何故......它不工作。

我有一些輸入，這將在計算器格式中添加/乘/減/除等。 我想要的是通過在我的功能塊之外聲明變量（我不想要任何花哨的multiple-getElementById賦值）來刪除對getElementById不必要的引用。

我的JavaScript低於：

//Declarations: designed to minimze calls to document.getElementByID 
    var number1 = document.getElementById("num1"); 
    var number2 = document.getElementById("num2"); 
    var numAnswer = document.getElementById("answer"); 

    //Add together two numbers 
    function add() 
    { 
     numAnswer.value = parseFloat(number1.value) + parseFloat(number2.value); 
    } 

它的駕駛我瘋狂 - 如果我拿出的變量，只需使用普通的舊document.getElementById，一切正常。這應該很容易，但它不工作。我檢查過拼寫，這一切似乎都沒問題 - 我有什麼遺漏？

Answer 1

只要您的問題中顯示的腳本出現之後頁面源代碼中的元素出現，就可以工作。否則，瀏覽器尚未解析這些元素，因此無法通過ID找到它們。

的另一種方式得到它的工作是做任務在onload或文檔準備處理程序，因爲時間onload或文檔就緒時所有元素都可以訪問無論身在何處，他們都在頁面資源。