點擊文字即可更改圖片

我在找一個簡單的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

點擊文字即可更改圖片

回答

相關問題