Question

我在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>

有什么想法吗？

Answer 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");
    }
}

使用javascript替换来更改页面加载时的图像URL

1 个答案: