点击文字即可更改图片

我在找一个简单的javascript脚本来点击一个词来改变我的页面背景图片。点击文字即可更改图片

这是我有什么，但它不工作，我不知道为什么，当我看到控制台，它说以下内容：

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

var pic = document.getElementbyId('pic'); 
 
var word = document.getElementbyId('clickme'); 
 

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

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

我只是随机拍照的狗作为替身

来源

2015-04-19 Jamie Theophilos

为什么你关闭你的开场白' '标签，然后再添加''？ ... –

'getElementbyId'应该是'getElementById'。 JavaScript是有案例感的。 – Guffa

这个问题应该关闭：“因为......而不是主题” - >这个问题是由于无法再现的问题或简单的印刷错误造成的。“ –

这不是getElementbyId，这是getElementById

来源

2015-04-19 19:13:15 gefei

哎呀，谢谢你们！ –

你的错误是在getElementbyId正确的是getElementById（CAPITAL 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

来源

2015-04-19 19:15:51

点击文字即可更改图片

回答

相关问题