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

私の推測では、変更したい一連の画像があり、変更するのは 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 に答える