使用Javascript更改内联样式'background-image'

时间:2015-07-24 23:08:05

标签: javascript jquery css

我有一个用li填充ul的循环。

for (var i = 1; i <= 74; i++) {
      $('#imgList').append('<li><a href="#"><img src="/default-image"/></a></li>');
      }

然后我有一个改变li&gt;的功能。 IMG

<li><a href="#"><img src="/img/default-image.png"/></a></li>

到li&gt;一个

<li style="width: 120px; height: 120px;"><a href="#" style="cursor: default; background-image: url(/new-image.png);"></a></li>

现在我想将新图像推送给它。我有

var imgs = document.getElementsByTagName("img");

imgs[i].src = newImages[count];

但是var imgs不会选择img标签,因为函数会将其更改为带有内嵌背景图像的a。我如何选择li&gt; a并更改内联css中的背景图像?

1 个答案:

答案 0 :(得分:1)

$('a').each(function(){ this.style.backgroundImage = newImage; });

编辑:Sushil已经在评论

中回答了这个问题