如何使用javascript更改HTML src元素的一部分

Question

我想用javascript改变单词的大剪裁链接。网址会更改每次更新，但后缀“大”会继续，但我想将每次更新更改为“裁剪”。我是初学者，我很抱歉这个无聊的问题

<img id="cover" src="https://i1.sndcdn.com/artworks-000088629087-uoefpq-large.jpg"> 

到

<img id="cover" src="https://i1.sndcdn.com/artworks-000088629087-uoefpq-crop.jpg"> 

Answer 1

var elt = document.getElementById("cover"); 
elt.src = elt.src.replace("large", "crop"); 

注意，当你想到这可能无法正常工作，如果“作物”是在URL中不止一次。

Answer 2

使用document.getElementById得到cover元素

var src = document.getElemtnById('cover').src; 

修改src变量

src = src.replace('large', 'crop'); 

更新src属性

document.getElemtnById('cover').src = src;