欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识！
您现在的位置是： 首页

网页html错误：Uncaught TypeError: Cannot read property 'addEventListener' of null

程序员文章站 2022-03-02 09:37:24
...
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<script>
    document.getElementById("myBtn").addEventListener("click", function(){
    document.getElementById("demo").innerHTML = "Hello World";
   });
</script>

</head>
<body>

    <p>该实例使用 addEventListener() 方法来向按钮添加点击事件。</p>
    <button id="myBtn">点我</button>
    <p id="demo"></p>

</body>
</html>

 

标签元素还没有创建就调用引用标签的脚本就会出现此问题,将脚本放置在脚本标签的后面就可以了

<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>

<body>
<p>该实例使用 addEventListener() 方法来向按钮添加点击事件。</p>
<button id="myBtn">点我</button>
<p id="demo"></p>

<script>
    document.getElementById("myBtn").addEventListener("click", function(){
    document.getElementById("demo").innerHTML = "Hello World";
    });
</script>

</body>
</html>

 

相关标签： js

上一篇： 我的js动态生成下拉列表框

下一篇： 完美运动框架(四）starMove(obj,json,fnEnd)

推荐阅读