Javascript / HTML图像更改
[英]Javascript/HTML Image Change
问题描述
我的Javascript类的任务是为此页面创建一个脚本，该脚本每3秒更改一次图像。 我认为我的代码是正确的，但是Firebug告诉我“ document.getElementByID不是函数”。 有人可以告诉我我做错了什么吗？
这是我的JS脚本。
<script type="text/javascript">
var i = 0
var lightArray = ["pumpkinOff.gif", "pumpkinOn.gif"]
var currentLight = document.getElementByID('light')
// ChangeLight Method Prototype
function changeLight() {
currentLight.src = lightArray[i++];
if (i == lightArray.length) {
i = 0;
}
}
setInterval(changeLight, 3000)
</script>
这是我编辑的HTML代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JavaScript for Programmers</title>
</head>
<body>
<h2>Happy Halloween!</h2>
<img id="pumpkin" src="pumpkinoff.gif" alt="pumpkin">
<script src="../Script/spooky.js"></script>
</body>
</html>
3 个解决方案
解决方案1
1 2014-10-29 06:22:47
大写不正确
var currentLight = document.getElementByID('light')
应该：
var currentLight = document.getElementById('pumpkin')
我附上了一个有效的小提琴： http : //jsfiddle.net/11csf4k2/
解决方案2
0 2014-10-29 06:14:56
应该是Id而不是ID ：
document.getElementById('light');
另请注意，您的页面上没有带id light元素。 可能应该是
document.getElementById('pumpkin');
解决方案3
0 已采纳 2014-10-29 06:14:58
这是错别字：
var currentLight = document.getElementById('light'); //Not ID
点击时更改JavaScript / HTML图像
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.