Javascript 如何更改字体颜色-Chrome扩展名？

如何使用chrome扩展名更改标记内文本的字体颜色：

我的清单是这样的：

{
 "name":"Change Font Color",
 "description":"Changes font color to red",
 "version":"1",
 "manifest_version":2,
 "content_scripts": [
    {
     "matches": ["http://www.google.com/*","https://www.google.com/*"],
     "js": ["myscript.js"]
    }
   ]
}

JavaScript文件：

    window.addEventListener("load", function() {
    var x = document.getElementsByClassName('gb_id gb_ac gb_g');
    x.style.color = 'red';
    });

我正在尝试将谷歌mani网页上某个部分的字体颜色更改为红色，但我的代码不起作用

有什么想法吗

更新：

我找到了解决办法。有两个问题：
1） 我试着用下面的线抓取多个类。我应该只指定一个类

    `var x = document.getElementsByClassName('gb_id gb_ac gb_g');`

2） 我需要遍历类的集合！它返回一个数组：

for (var i =0,len = r.length; i<len;i++)
{
    x[i].style['color']= 'red';
}

---

对于（var i=0，len=r.length；i而不是document.getElementsByClassName，使用document.querySelectorAll

 var els = document.querySelectorAll('.gb_id.gb_ac.gb_g');
 for(var i = 0; i < els.length; i++) {
   els[i].style.color="red";
 }

var els=document.querySelectorAll（'.gb_id.gb_ac.gb_g'）；
对于（变量i=0；i
您是否尝试获取具有任何类的元素
gb\u id
、
gb\u ac
或
gb\u g
或具有所有三个类的元素？标记包含所有三个类。使用三个类中的任何一个都可以。我没有注意到有三个不同的类。谢谢！