为什么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代码在浏览器中不工作

回答

相关问题