Question

我正在尝试找到一个简单的javascript脚本，以便能够单击一个单词来更改我的页面的背景图像。

这就是我所拥有的，但它不起作用，我不确定为什么，当我读到控制台时它会说：

[Error] TypeError: undefined is not a function (evaluating 'document.getElementbyId('pic')') global code

＆＃13;

var pic = document.getElementbyId('pic');
var word = document.getElementbyId('clickme');

word.onclick = function() {
  pic.src = "http://www.evolutionsupply.com/_images/image9.gif"
}

＆＃13;

<image id="pic" width="1000" height "400" src="http://www.oldyelladogranch.com/puppies.jpg" />
</image>
<div id="clickme"><u>clickme</u>
</div>

＆＃13;

我只是随机拍摄的狗作为替补照片

Answer 1

您的错误位于getElementbyId，正确的是getElementById（资本B）
试试这个：

<image id="pic" width="1000" height"400" src="http://www.oldyelladogranch.com/puppies.jpg" /> 
</image>
<div id="clickme"><u>clickme</u></div>

<script>
var pic = document.getElementById('pic');
var word =document.getElementById('clickme');

word.onclick = function(){
pic.src = "http://www.evolutionsupply.com/_images/image9.gif"
}
</script>

CODEPEN DEMO

Answer 2

不是getElementbyId，而是getElementById

单击单词以更改图像

2 个答案: