虽然这可能很简单,但我在 Web 开发方面才几个月大,我被困在这里了。我有一个页面,其中将多个图像项设置为一个类。我的意思是下面的代码
<img src="http://img1.gif" id="GA2" class="CHAngeR" />
<img src="http://img1.gif" id="GA2" class="CHAngeR" />
我想执行一个功能来编辑/附加图像的“src”属性。
我尝试使用相同的 ID,但我发现 w3c 的推测相反,我也尝试了以下代码但仍然无法正常工作,我该怎么做。
<!DOCTYPE html>
<html>
<head>
<title>DOWNLOAD PAGE</title>
<input type="button" value="change image" id="iMgChAnGe" onclick="changeIMG()"/>
<div class="changer">
<img src="http://img1.gif" id="GA1" class="CHAngeR" />
<img src="http://img2.gif" id="GA2" class="CHAngeR" />
<img src="http://img3.gif" id="GA3" class="CHAngeR" />
<img src="http://img4.gif" id="GA4" class="CHAngeR" />
<img src="http://imgl.gif" id="GA5" class="CHAngeR" />
</div>
<script>
function ChangeIMG(){
document.getElementByClassName(CHAngeR).setAttribute("src","http://google.com/img/images/static.gif");
}
</script>
</head>
</html>