javascript – getElementByClass().setAttribute不起作用

前端之家收集整理的这篇文章主要介绍了javascript – getElementByClass().setAttribute不起作用前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

为什么当我写作

document.getElementByClass('home1').setAttribute('style','background-image:url(img/red_menu.PNG);');

它不起作用?
我有class =“home1”的元素

与document.getElementById(‘home1’)…
工作良好
谢谢

最佳答案
它是getElementsByClassName,而不是getElementByClass; details here.注意IE确实是not support this function(尚未).

getElementsByClassName返回匹配元素的NodeList(而不是单个元素),因此:

var list,index;
list = document.getElementsByClassName("home1");
for (index = 0; index < list.length; ++index) {
    list[index].setAttribute(/* ... */);
}

对于这种情况,您可能希望使用像jQuery,Prototype,Google Closure等库来为您分配各种浏览器差异.与自己处理这些差异相比,它们可以为您节省大量时间和麻烦.

例如,在jQuery中:

$(".home1").attr(/* ... */);

…将该属性(通过jQuery#attr)应用于具有“home1”类的每个元素.虽然在您的特定情况下,您可能需要jQuery#css.

原文链接:https://www.f2er.com/html/426238.html

猜你在找的HTML相关文章