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

Answer 3

document.querySelectorAll("img").forEach((img) => img.src = "someimage.png");

<img src="broken1">
<img src="broken2">
<img src="broken3">