javascript - 如何访问 document.getElementsByClassName 的属性

Question

我正在尝试检查是否在 DOM 中使用了 css 类。所以，我有

var x = document.getElementsByClassName('classname');

当我打印出 x 时，我得到一个 [object NodeList] 用于页面上存在的类和不存在的类。我可以访问 x 的属性吗？比如标签名什么的。如果有人能告诉我 x 的不同属性以及我可以访问它们的方式，那就太好了。

谢谢你:)

Answer 1

注意它是复数:

var x = document.getElementsByClassName('classname');
                           ^

您需要遍历 x 以获取各个元素:

for (var i = 0; i < x.length; i++) {
  var element = x[i];

  console.log(element);
}

确保为 Internet Exploder 添加回退支持:http://ejohn.org/blog/getelementsbyclassname-speed-comparison/