我有以下代码,它基本上可以切换一堆图像。
<!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(使用前将#替换为@)