javascript - 无法更改标签的颜色

Question

我有这个代码

<a href="" id="mainLink">Click Me</a>
<a href="" id="mainLink2">Click Me 2</a>  

然后是Js

  var mainLinker = document.getElementsByTagName('a');
    for (var i = 0; i < mainLinker.length; i++) {
        this.style.color = 'red';
    }

但是我得到了这个错误

Cannot set property 'color' of undefined

请告诉我我哪里做错了。

Answer 1

这不是你想要的。

将循环体改为

mainLinker[i].style.color = 'red';

或等效地使用 forEach(使用@Vohuman 的评论编辑):

[].forEach.call(document.getElementsByTagName('a'), function(el) {
    el.style.color = 'red';
});