-2

これは静かで単純かもしれませんが、私は 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>
4

2 に答える 2

1

画像を手動でループします...

var imgs = document.getElementsByClassName("...");
for (var i = 0; i < imgs.length; i++)
    imgs[i].src = ...;

または jQuery を使用します。

$(".class").attr("src", ...);
于 2012-12-11T11:06:05.827 に答える
0

getElementsByClassName がすべてのブラウザー (IE) でサポートされているとは思いません。そうは言っても、JQuery ソリューションを使用することをお勧めします。

JQueryが使える方はこちら。

なんらかの理由で JQuery を使用したくない場合は、こちらを参照してください。

于 2012-12-11T11:12:23.033 に答える