Javascript的img標籤src開關功能不工作

我有一個小應用程序使用3個圖像作爲按鈕，圖像是不同的顏色，上面的圖像按鈕有一個大的眼鏡，取決於你按什麼顏色的按鈕顏色的眼鏡將會改變以匹配被按下的按鈕的顏色。問題是我得到一個「不能設置src爲空」錯誤。Javascript的img標籤src開關功能不工作

這裏是一個的jsfiddle：http://jsfiddle.net/vAF8S/

下面是函數

//Functions that change the glasses image 
function changeColor(a){ 
    var img = document.getElementById("imgG"); 
    img.src=a; 
}

來源

2014-03-06 user2684521

你撥弄不顯示任何圖像您收到此錯誤？。請放正確的src –

你有多個id'id =「glasses」id =「imgG」' –

你有兩個ID，用於標籤。你應該只有一個ID。改變你的HTML。

<section id="banner" > 

     <img id="imgG" src="images/orangeG.png"><br> 
     <img id="wcolorButton" src="images/whiteT.png" /> 
     <img id="bcolorButton" src="images/blueT.png" /> 
     <img id="ocolorButton" src="images/orangeT.png" onClick="changeColor('images/whiteG.png')" /> 
    </section>

FIDDLE

來源

2014-03-06 06:59:27

，因爲你已申請ID兩次相同的元素

使用這個HTML

<section id="banner" > 
    <img class="glasses" id="imgG" src="images/orangeG.png"><br> 
    <img class="wcolorButton" src="images/whiteT.png" /> 
    <img class="bcolorButton" src="images/blueT.png" /> 
    <img class="ocolorButton" src="images/orangeT.png" onClick="changeColor('images/whiteG.png')" /> 
</section>

來源

2014-03-06 07:04:55 Alex

Javascript的img標籤src開關功能不工作

回答

相關問題