如何更改字體顏色-Chrome擴展程序？

Question

如何使用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';
    });

我正在嘗試將Google的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';
}

希望此信息對將來的人有用！

Answer 1

代替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";
 }