JavaScript画像の置き換え

私のウェブページ上のすべての画像（おそらく特定のクラスのもの）をループする簡単な方法があり、これらすべての画像のソースを同じ画像に変更するのが簡単なのでしょうか。これはイースターエッグのためのもので、AJAXやjQueryのようなライブラリは避けたい。JavaScript画像の置き換え

出典

2010-11-28 Nick McCurdy

あなたはこのように、すべての<img>の要素を取得するためにdocument.getElementsByTagName()を使用することができます。

var imgs = document.getElementsByTagName("img"); 
for(var i=0, l=imgs.length; i<l; i++) { 
    imgs[i].src = "someImage.jpg"; 
}

出典

2010-11-28 17:50:35

I = 0、LからDOM2の採用であります= imgs.length'は、それが動作することを知らなかった。 – thejh

@thejh-yup、あなたが望むように多く宣言します。 '.length'はチェックするのが高価になる可能性があります。あるいはチェックされているので、少なくとも加算されます。*すべてのループですので、） –

ありがとう！これは完全に機能し、それはかなりクールなトリックです。 –

for (var i = 0; i < document.images.length; i++) 
    if (document.images[i].className == 'certain-class') // caution: can have multiple classes 
    document.images[i].src = '/hello.jpg';

document.imagesがあるため、 `VARのあなたのための投票先史時代DOM0

出典

2010-11-28 20:50:48

JavaScript画像の置き換え

答えて

関連する問題