JavaScript图像替换

Question

我想知道是否有一种简单的方法让脚本在我的网页上循环遍历所有图像（可能是某个类）并将所有这些图像的源更改为同一图像。这是一个复活节彩蛋，我想避免AJAX和像jQuery这样的库。

Answer 1

您可以使用document.getElementsByTagName()获取所有<img>元素，如下所示：

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

Answer 2

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是从史前DOM0采用DOM2