2010-11-28 17 views
1

Ich frage mich, ob es eine einfache Möglichkeit für ein Skript ist, durch alle Bilder (möglicherweise einer bestimmten Klasse) auf meiner Webseite zu durchlaufen und die Quellen aller dieser Bilder auf das gleiche Bild zu ändern. Dies ist für ein Osterei, und ich möchte AJAX und Bibliotheken wie jQuery vermeiden.JavaScript Bild ersetzen

Antwort

3

Sie können nur document.getElementsByTagName() verwenden, um alle <img> Elemente zu erhalten, wie folgt aus:

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

für Sie gestimmt, weil der 'var i = 0, l = imgs.length', wusste nicht, dass das funktioniert. – thejh

+1

@thejh - yup, deklariere so viele wie du willst ... '.length' kann teuer sein zu überprüfen ... oder zumindest summiert, da es * jede * Schleife überprüft wird, also am besten, das aus der Gleichung zu nehmen:) –

+0

Danke! Das funktioniert perfekt, und das ist ein ziemlich cooler Trick. –

1
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 ist DOM2 Annahme von prähistorischen Dom0