Javascript 使用setattribute更改颜色(在聊天中)

Javascript 使用setattribute更改颜色(在聊天中),javascript,chat,setattribute,Javascript,Chat,Setattribute,我想更改页面的聊天窗口fontcolor/fontsize。我尝试了2个“cssText”示例,但无法将字体颜色更改为红色。如何将聊天窗口字体颜色更改为红色?我正在使用Firefox和greasemonkey sample 1: document.getElementById("chatcomments").style.cssText = 'font-size: 36px; color: red !important;' sample 2: document.querySelector(".c

我想更改页面的聊天窗口fontcolor/fontsize。我尝试了2个“cssText”示例,但无法将字体颜色更改为红色。如何将聊天窗口字体颜色更改为红色?我正在使用Firefox和greasemonkey

sample 1:
document.getElementById("chatcomments").style.cssText = 'font-size: 36px; color: red !important;'

sample 2:
document.querySelector(".chatcomments span").style.cssText = 'font-size: 36px; color: red !important;'

如果使用JQuery,可以使用
css
函数,如下所示:

$(".chatcomments > span").css("color", "red");
如果已经设置了
字体大小,则无需再次设置它。另一个问题是,
.chatcomments span
不起作用,因为它们是两种不同的东西;相反,
将起作用:
.chatcomments>span

最好使用RGB或十六进制值,而不是颜色名称,例如:

$(".chatcomments > span").css("color", "#EE4B38"); //RGB
$(".chatcomments > span").css("color", "rgb(238, 75, 56)"); //Hex
如果您试图在Tampermonkey或Greasemonkey中创建自定义客户端脚本(看起来是这样),则必须使用
/@require
导入JQuery源():


您需要特定于样式对象的属性:

document.getElementById("chatcomments").style.color    = "red";
document.getElementById("chatcomments").style.fontSize = "30px";

el.style.setProperty('color','red');似乎更正确

您是否正在尝试使用浏览器扩展/自定义JavaScript来修改页面客户端?是否可能存在与之冲突的其他样式?可能是样式表正在为该元素设置一个同样重要的样式。@cybermonkey:是的,我想制作一个自定义JavaScript(我使用Firefox和greasemonkey)@Heiko请查看我的编辑…我如何在greasemonkey中使用您的JQuery代码?我正在使用Firefox和greasemonkey。你的JQuery代码不起作用-你在younow.com上尝试过你的代码吗?@Heiko请拍摄你的开发者控制台的屏幕截图。当我使用你发布的JQuery 1.9.1版本时,Firefox开发者控制台中有一个红色突出显示的错误。然后我使用了1.10.1 jquery版本(错误消失了)。但是:代码不会将字体颜色更改为红色-你在younow.com上试过你的代码吗?@Heiko你有没有按照我的指示不使用红色的?
document.getElementById("chatcomments").style.color    = "red";
document.getElementById("chatcomments").style.fontSize = "30px";