Javascript 图像链接替换为其他链接

我有img的html标签

<img id="photo" src="//lh5.googleusercontent.com/-nt2iZrVQYZE/AAAAAAAAAAI/AAAAAAAAAEQ/z6WGWyexYpM/s512-c/photo.jpg">

为了将s512-c更改为s36-c，我正在使用

<script type="text/javascript">
//<![CDATA[
$(document).ready(function(){
var orgImg = document.getElementById('photo');
orgImg.src = orgImg.src.replace('s512-c', 's36-c');
})();
//]]>
</script>

//

但这只是将一个id=“photo”替换为

我想将所有图像链接s512-c更改为s36-c。

---

帮助我。

迭代所有图像（按），而不是按id获取图像。我还将注意到，每个DOM元素id都应该是唯一的；不能将同一id分配给多个图像

<script type="text/javascript">
$(document).ready(function(){
    var images = document.getElementsByTagName('img');
    for (var i = 0; i < images.length; ++i) {
        var orgImg = images[i];
        orgImg.src = orgImg.src.replace('s512-c', 's36-c');
    }
})();
</script>

$（文档）.ready（函数（）{
var images=document.getElementsByTagName（'img'）；
对于（变量i=0；i

---

如果页面上的图像多于需要修改的图像，则您可能希望将一个类分配给执行并使用的图像。

您应该为每个img使用不同的ID。

---

您还可以向要更改的所有IMG添加一个类，然后使用jquery更改它们。在一个页面中不能有多个具有相同id的元素。您应该做的是通过图像的标记名（img）检索图像，或者给它们一个类名并用它检索图像。由于您使用的是jquery，下面是jquery的一个解决方案：

---

如果您决定使用类名，只需将取消选择器

$（“img”）

替换为

$（“.yourclassname”）

文档中必须只有一个

id=“photo”

，id必须是唯一的，并且

getElementById

将只返回一个（或没有）元素。改为使用类。这是有效的。ID只能使用一次！这需要任何jquery…？没问题，如果它解决了您的问题，您应该接受它作为您的答案；）

<script type="text/javascript">
$(document).ready(function(){
    var images = document.getElementsByTagName('img');
    for (var i = 0; i < images.length; ++i) {
        var orgImg = images[i];
        orgImg.src = orgImg.src.replace('s512-c', 's36-c');
    }
})();
</script>

$(document).ready(function() {
    $("img").each(function(index, elem) {
        $(elem).attr("src", $(elem).attr("src").replace('s512-c', 's36-c'));
    });
});