Как правильно определить стиль для thead таблицы?

Question

[Николай Бараненко]

Ранее я использовал определение стиля так:

<table id="report_table" class="table table-hover table-striped" border="1" bordercolor="#cccccc">
    <thead>
    <TH style="background-color: #2780e3; color: #fff;">№ п\п</TH>
    </thead>
<tbody>

Теперь решил динамически определить заполнение шапки таблицы:

var table = document.getElementById("report_table");
            var header = table.createTHead();
            var row = header.insertRow(0);
            var cell = row.insertCell(0);
            cell.innerHTML = "№ п\\п";

Как правильно определить стиль через DOM?

Answer 1

[Николай Бараненко]

присваиваем атрибуту style ячейки

cell.setAttribute('style', 'background-color: #2780e3; color: #fff;');

подозреваю, что это не оптимальное решение и необходимо действовать через CSS

<style type="text/css">
    thead {
        background-color: #2780e3;
        color: #fff;
    }
</style>