Question

是否可以在JavaScript中更改HTML标题文本的背景颜色？

编辑：oops - 我确实忘记添加它是jqGrid中的标题文本.. 对不起，我很抱歉..

Answer 1

不需要jQuery，您可以使用常规JavaScript执行此操作。

document.getElementById("headerID").style.backgroundColor = "#FF0000";

Answer 2

如果要设置jqGrid的所有标题的背景颜色，可以包含

<style type="text/css">
.ui-jqgrid-sortable {background-color:red}
</style>

在您的HTML页面中

。如果您只想对一列进行更改，可以使用setLabel方法：

$("#myGrid").jqGrid('setLabel','Price', '', {'background':'red'});

或

$("#myGrid").jqGrid('setLabel','Price', '', 'myColorClass');

如果您不能使用background-color，因为jqGrid默认情况下使用jQuery UI，并且每个网格元素都定义了background。To overwrite this you have to use also背景CSS。

我建议您自定义并下载http://jqueryui.com/themeroller/中使用的主题，以使结果看起来更好。

Answer 3

谢谢你们！答案可以帮助我找到答案。

var HeaderFontColor = "yellow";
var HeaderBackgroundColor = "brown";
$(".ui-jqgrid-sortable").each(function() {
    this.style.color = HeaderFontColor;
    this.style.backgroundColor = HeaderBackgroundColor;
});

Answer 4

使用jQuery。 $("h1").css({backgroundColor:"red"})

JQGRID - 是否可以在JavaScript中更改HTML标题文本的背景颜色？

4 个答案: