JQGRID - Можно ли изменить цвет фона текста заголовка HTML в JavaScript?

Question

Можно ли изменить цвет фона текста заголовка HTML в JavaScript?

Отредактировано: упс - я забыл добавить, что это текст заголовка в 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"})