如何使用 css 或 javascript 从 div 中删除 url

Question

如何从后台删除或替换 www.exaple.com/logos/rs-b.png: url using css or java script

<div style="width:17px;height: 15px;background: url(//www.exaple.com/logos/rs-b.png) no-repeat right;background-size: contain;z-index: 1000;bottom: 1px;right: 1px;position: fixed;">

Answer 1

Without external libraries, you have two options. Both of these require you to add an ID or a class in order to identify the div. I'll use an ID:

<div id="custom-id" style="background: url('https://example.com')"></div>

1) Override the inline style with a CSS !important declaration:

You can add the following snippet in a <style> element or in an external stylesheet:

<style>
#custom-id {
    background: url('https://new-url.org') !important;
}
</style>

2) Use JavaScript to manipulate the inline style of the element:

You can do so with the built in DOM API of the browser, like so:

<script>
let div = document.getElementById('custom-id');
div.style.background = "url('https://new-url.org')";
</script>

EDIT

After realizing you can't modify the HTML I came up with the following solution (that I already mentioned in the comments): Use the style attribute to identify the div. The answer above is still correct but with the exception that the CSS selector should change to match the style attribute:

div[style="width:17px;height: 15px;background: url(//www.exapl..."] {
    background: url('https://new-url.org') !important;
}

And the JS code too:

let div = document.querySelector('div[style="width:17px;height: 15px;background: url(//www.exapl..."]');
div.style.background = "url('https://new-url.org')";

While the best solution is to change the HTML, if you can't do that I think this is an acceptable solution that solves the problem.

Answer 2

使用它的属性查找并修改样式值

$('div.[style*="background:your_url"]).css('background', 'NewURL');