我正在寻找一种方法来替换可在页面上的任何位置使用的图像。
所以如果我们有一个像这样的示例 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>
关于javascript - 在任何地方替换图像 - Javascript，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/16666459/