爲什麼button2爲空？ Javascript代碼在瀏覽器中不工作

我想添加一個事件監聽器到第二個按鈕，當你點擊它時改變標題的字體大小，但是當我執行代碼時，Web控制檯返回「button2爲空」。我怎樣才能使這個代碼工作？我不知道我的button2代碼有什麼問題。爲什麼button2爲空？ Javascript代碼在瀏覽器中不工作

的html代碼：

!DOCTYPE html> 
<html> 
    <head> 
     <meta charset = "UTF-8"> 
     <title> Javascript </title> 
    </head> 

    <body> 
    <h1 id="myHeading"> Javascript </h1> 
    <p> making a web page interactive </p> 
    <input type="text" id="myTextInput"> 
    <button id="myButton"> Change headline color </button> 
    <script src="dom.js"> </script> 
    <input type="text" id="myFontSize"> 
    <button id="button2"> Change Font Size </button> 
</body> 
</html>

來源

2017-06-14 Shirley

顯示HTML代碼。但我敢打賭，這是因爲腳本執行時，一個ID爲'button2'的按鈕不存在。確保您的腳本在'DomContentLoaded'之後加載。 – cyrix

感謝這是BC的腳本之前加載。 – Shirley

想通了！這是因爲腳本代碼在button2代碼之前。謝謝！

來源

2017-06-14 22:10:36 Shirley

爲什麼button2爲空？ Javascript代碼在瀏覽器中不工作

回答

相關問題