为什么当我写
document.getElementByClass('home1').setAttribute('style', 'background-image:url(img/red_menu.PNG);');
它不起作用？我有元素class="home1"
与document.getElementById('home1')...
作品很好，谢谢
getElementByClass().setAttribute 不起作用
IT技术
javascript
html
2021-02-28 14:20:30
2个回答
是getElementsByClassName，不是getElementByClass；详情在这里。请注意，IE尚不支持此功能。
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(/* ... */);
...将该属性（via jQuery#attr）应用到类“home1”的每个元素。尽管在您的特定情况下，您可能会想要jQuery#css。
如果整个 HTML 文件中只有一个类名，那么您也可以使用
document.getElementsByClassName('navbar-nav')[0].setAttribute('id', 'navbar-toggle');