javascript - 更改页面上所有元素的 css 背景

Question

我想通过以这种方式向它的地址添加一个字符串来更改页面上每个元素的背景图像:

从样式中获取元素的背景图片地址:

background-image: url("img/sprites.png");

将字符串?ver=3加入其中，就会变成这样

background-image: url("img/sprites.png?ver=3");

我想我可以通过这样的方式对单个已知元素执行此操作:

document.getElementById('elementId').style.backgroundImage += "?ver=3"

我说得对吗？

但是，我想对所有元素都这样做。如何让循环访问所有元素？

Answer 1

您可以尝试使用 jquery。

$("*").css('backgroundImage', $(this).css('backgroundImage')+'?ver=3');

我只是凭内存输入这个，所以它可能不是 100%，但它似乎可以工作。

可能是这样的:

$("*").each(function(){$(this).css('backgroundImage', $(this).css('backgroundImage')+'?ver=3');});

希望对您有所帮助。