在JS中不能使用style方法

时间:2013-06-02 23:01:39

标签: javascript css html5

在此代码中:

<header class="alg">Some text</header>
<script>
var header = document.getElementsByClassName("alg");
header.style.color = 'red';
</script>

运行之后。我从日志中得到了:

TypeError: header_m.style is undefined

我做错了什么?

1 个答案:

答案 0 :(得分:4)

getElementsByClassName会返回多个元素。

因此,您正在不正确地访问它。在这种情况下,你想要的是:

 header[0].style.color = 'red';
  //    ^ [0] will get the first element with the class, 
  // which is in this case your is header element. [1] would get the second, etc.

jsFiddle.