“getElementsByTagName(...)[0]”未定义?

2024-02-16

我有以下代码,它基本上可以切换一堆图像。

<!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 之前

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

“getElementsByTagName(...)[0]”未定义? 的相关文章

随机推荐