Question

我有这样的事情：

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

无论如何，这段代码基本上得到了一个覆盖的图像。我想将Type更改为page_img并将pic重新加载到更新的pic而不重新加载。我该怎么做呢？

Answer 1

jQuery代码：

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

Answer 2

这应该可以解决问题：

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

Answer 3

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

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()。

Answer 4

使用jQuery：

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

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

4 个答案: