![](/img/trans.png)
[英]How would I edit this simple chrome extension to change the font color of ALL elements on a page to red?
[英]how to change Font Color- Chrome Extension?
如何使用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';
}
希望此信息对将来的人有用!
代替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";
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.