Question

我有一个内联css设置为span元素，如下所示：

<span style="background-image: url(http://example.com/House-150x150.jpg)" class="list-cover has-image"></span>

我想删除＆＃34; -150150＆＃34;它的一部分，所以我最终得到这样的东西：

<span style="background-image: url(http://example.com/House.jpg)" class="list-cover has-image"></span>

我需要使用JavaScript，而不需要导入JQuery库。我试图让它在很多方面发挥作用，但我还没有找到解决办法。

谢谢！

Answer 1

var span = document.querySelector(".list-cover");
span.setAttribute("style",span.getAttribute("style").replace(/-150x150/, ""));

<span style="background-image: url(http://example.com/House-150x150.jpg)" class="list-cover has-image">Right-click and inspect to see the change</span>

Answer 2

var x = document.getElementsByTagName("span")[0].getAttribute("style");
var x2 = x.replace("-150x150","");

document.getElementsByTagName("span")[0].setAttribute("style",x2);

Answer 3

您可以使用RegEx，因此它可能更具动态性：

var x = '<span style="background-image: url(http://example.com/House-150x150.jpg)" class="list-cover has-image"></span>';
x.replace(/(url\(.*)(\-.*)(\..*\))/i, '$1$3');

在这里，您可以看到$ 1，$ 2和$ 3组是：https://regex101.com/r/lokdTU/1

使用javascript

3 个答案: