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

【问题标题】：JQGRID - Is it possible to change the background color of HTML header text in JavaScript?JQGRID - 是否可以在 JavaScript 中更改 HTML 标题文本的背景颜色？
【发布时间】：2010-10-31 21:21:00
【问题描述】：

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

已编辑：哎呀-我确实忘记添加它是 jqGrid 中的标题文本.. 对此我很抱歉..

【问题讨论】：

是的！（抱歉，我确实需要查看您要设置样式的标记，“标题文本”方式太模糊了。）

标签： javascript html css jqgrid

【解决方案1】：

jQuery 不是必需的，你可以用普通的 JavaScript 来做到这一点。

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

【讨论】：

（方括号属性访问器的任何特殊原因？）
哎呀，我本来想的是background-color，当我去掉破折号时，我没有去掉大括号。

【解决方案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 alsobackground` CSS。

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

【讨论】：

【解决方案3】：

谢谢大家！！答案帮助我找到答案。

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

【讨论】：

【解决方案4】：

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

【讨论】：

你是否包含了 jquery 库？ h1 是块元素吗？