これは静かで単純かもしれませんが、私は Web 開発に数か月しかかからず、ここで立ち往生してしまいました。複数の画像アイテムを 1 つのクラスに設定したページがあります。これにより、次のコードを意味しました
<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>