我正在寻找一种替换可在页面上任何地方使用的图像的方法。
因此，如果我们有一个这样的示例html页面：
<html>
<head>
</head>
<body>
<img id="1" src="example.com/img/1889.png">
<div style="background: url('example.com/img/1889.png')">
<div>
<a>
<img id="2" src="example.com/img/1889.png">
</a>
</body>
</html>
出现-example.com/img/1889.png的任何地方，都必须用其他东西代替。
编辑
不幸的是，我不能使用任何JavaScript库。它用于浏览器插件。我也不能使用浏览器特定的API
最佳答案
此处可能存在一些语法错误，但基本上可以尝试如下操作：
<script>
var imgs = document.getElementsByTagName("img");
for (var i = 0; i < imgs.length; i++) {
if (imgs[i].src == "oldImg")
imgs[i].src = "newImg";
}
}
var divs = document.getElementsByTagName("div");
for (var i = 0; i < divs.length; i++) {
if (divs[i].style.backgroundImage == "oldImg")
divs[i].style.backgroundImage = "newImg";
}
}
</script>