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

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

<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?