Question

我有一个小应用程序使用3个图像作为按钮，图像是不同的颜色，图像按钮上方有一副大眼镜，根据你按什么颜色按钮，眼镜的颜色会改变以匹配按下的按钮的颜色。问题是我得到一个“无法将src设置为null”错误。

这是函数

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

Answer 1

你有两个标签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

Answer 2

您收到此错误是因为您已将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>

Javascript img标签src开关功能不起作用

2 个答案: