Fatal编程技术网

Javascript/HTML图像更改

javascript html image

Javascript/HTML图像更改,javascript,html,image,Javascript,Html,Image,我的Javascript类的任务是为这个页面创建一个脚本，每3秒钟更改一次图像。我认为我的代码是正确的，但是Firebug告诉我“document.getElementByID不是一个函数。”有人能告诉我我做错了什么吗 这是我的JS脚本 <script type="text/javascript"> var i = 0 var lightArray = ["pumpkinOff.gif", "pumpkinOn.gif"] var currentLight

我的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>


变量i=0
var lightArray=[“pumpkinOff.gif”，“pumpkinOn.gif”]
var currentLight=document.getElementByID（'light'））
//变光法原型
函数changeLight（）{
currentLight.src=lightArray[i++]；
if（i==lightArray.length）{
i=0；
}
}
设置间隔（变更灯，3000）
以下是我编辑的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>


面向程序员的JavaScript
万圣节快乐！
它应该是
Id
而不是
Id
：

document.getElementById('light');
还请注意，您的页面上没有id为
light
的元素。也许应该是这样

document.getElementById('pumpkin');
这是一个打字错误，应该是：

 var currentLight = document.getElementById('light'); //Not ID
不正确的资本化

var currentLight = document.getElementByID('light')
应该是：

var currentLight = document.getElementById('pumpkin')
我附上了一把小提琴：

哦，天哪，这么小的细节，我已经花了好几个小时才把头发拔出来了。现在可以了，非常感谢！这么小的细节把一切都毁了。谢谢你，伙计，你帮我省去了很多压力。