为什么这个简单的一行JavaScript代码不起作用？

Question

使用Google Chrome，我不知道为什么这不起作用：（

// ==UserScript==
// @name       My Fancy New Userscript
// @namespace  http://use.i.E.your.homepage/
// @version    0.1
// @description  enter something useful
// @match      http://*/*
// @copyright  2012+, You
// ==/UserScript==
document.getElementsByTagName('a').style.color='Red';

Answer 1

，因为它返回了" array like" 您需要单独操作的元素集合。

document.getElementsByTagName('a')[0].style.color='red';

---

如果您预计会有多次匹配，则会在循环中进行操作。

var aList = document.getElementsByTagName('a');
for (var i = 0, len = aList.length; i < len; i++) {
    aList[i].style.color='red';
}

---

当然，对于此简单操作，您可能会使用CSS代替JS。

如果您只需要链接，则可以使用document.links而不是getElementsByTagName。

Answer 2

document.getElementsByTagName返回一个节点。您必须执行以下操作：

var anchors = document.getElementsByTagName('a'), i, j;
for (i=0, j=anchors.length; i<j; i++) {
    anchors[i].style.color = 'red';
}

Answer 3

getElementsByTagName返回节点符，而不仅仅是一个元素。您需要循环并编辑每个人的style.color。