0

我在 CMS 中有一个页面，我只能编辑其中的一部分。我想将它显示的图像更改为更大的图像。系统自动创建多个尺寸并存储它们，所以我需要做的就是将其从 /location/image-1.jpg 更改为 /location/image-2.jpg 我尝试了以下代码但未成功

<body onload="replaceScript();">
<script type="text/javascript">
function replaceScript() {
var toReplace = '-1.jpg';
var replaceWith ='-2.jpg';
document.body.innerHTML = document.body.innerHTML.replace(toReplace, replaceWith);
}
</script>

有任何想法吗？

4

1 回答 1

1

我的猜测是你有一系列你想要改变的图像，它只为你改变一个。一般的 innerHTML 替换可能不是更改图像源的最佳方法。

尝试这样的事情：

function replaceScript() {
    var images = document.querySelectorAll('img');
    for(var i = 0, l = images.length; i < l; i++){
        images[i].src = images[i].src.replace("-1.jpg", "-2.jpg");
    }
}
于 2013-07-25T20:41:10.613 回答