javascript – “getElementsByTagName(…)[0]”未定义?

前端之家收集整理的这篇文章主要介绍了javascript – “getElementsByTagName(…)[0]”未定义?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有以下代码,它基本上切换了一堆图像.
<!DOCTYPE html>
<html>
    <head>
        <script type="text/javascript">
            var num = 1;
            img = document.getElementsByTagName("img")[0];
            hbutton = document.getElementsByTagName("h1")[0];
            hbutton.onclick = function() {
                num += 1;
                img.src = num + ".jpg";
            }
        </script>
    </head>
    <body>
        <h1>Press Here!</h1>
        <img src = "1.jpg"></img>
    </body>
</html>

出于某种原因,当我运行它时,没有任何反应,因为我的Firebug控制台显示以下错误.

hbutton is undefined    
---
    hbutton.onclick = function() {

当我在页面加载后只运行JS时,它工作得非常好!!!为什么是这样?

解决方法

您的代码在定义h1标记之前执行.您必须在onload处理程序中运行它或将它放在/ body之前
原文链接:https://www.f2er.com/js/156088.html

猜你在找的JavaScript相关文章