通过javascript/jQuery更改样式元素内的字符串

我有这样的想法：

<div id="page16" style="background-image: url(http://domain.domain/GetPageImg.ashx?Type=covered&gPageToken=71510eb3-e241-4c14-8dc7-46c4ee19f35b&nStep=7&nVersion=10&webp=true);"></div>

无论如何，这段代码基本上得到了一个覆盖的图像。我想把类型改为page_img，然后不重新加载就把图片重新加载到更新的图片上。我该怎么做呢？

jQuery代码：

$("#page16").css("background-image","url ("+new_image_path+")");

---

这应该可以做到：

var el = document.getElementById('page16');
var oldImg = el.style.backgroundImage;
el.style.backgroundImage = oldImg.replace('Type','page_img');

---

我假设你有一个按钮，点击这个按钮后，背景图像会改变。像

function changeImage(){
    var elem = document.getElmentById('page16').
    elem.style.backgroundImage = "url(here is your new image url)";
}

<input type="button" value="change background" onclick="changeImage()" />

函数changeImage（）{
var elem=document.getElmentById（'page16'）。
elem.style.backgroundImage=“url（这是您的新图像url）”；
}

您可以对所需的特定事件调用此函数。

使用jQuery：

$('#page16').css('background-image', function(i,v){ return v.replace('covered', 'page_img'); });

---

您想更改哪个事件的图像背景？这是什么代码？您必须有一个事件才能更改图像src…虽然您不需要重新加载页面，但我有多个page16 div（实际上称为pageX，但无所谓），所以我基本上需要一些东西来复制当前的url，只需更改类型。你可以使用任何选择器，这不是问题所在。你什么意思改变类型？它是一个背景URL，表示用于绘制元素背景的图像（本例中为div），如果将URL更改为其他URL，则不同的图像将显示为背景。请参阅此处的完整文档：