JavaScript图像替换 [英] JavaScript image replace

问题描述

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

解决方案

你可以使用< a href =https://developer.mozilla.org/en/DOM/document.getElementsByTagName =nofollow> document.getElementsByTagName（） 获取所有< img> 元素，如下所示：

  var imgs = document.getElementsByTagName（img）; 
 for（var i = 0，l = imgs.length; i< l; i ++）{
 imgs [i] .src =someImage.jpg; 
} 
  

I'm wondering if there's an easy way for a script to loop through all images (possibly of a certain class) on my web page and change the sources of all these images to the same image. This is for an easter egg, and I'd like to avoid AJAX and libraries like jQuery.

解决方案

You can just use document.getElementsByTagName() to get all <img> elements, like this:

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

这篇关于JavaScript图像替换的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！