JS примеры

<table id="table">
<tr>
<td class="col">TEXT 1</td>
<td class="col">TEXT 2</td>
</tr>
</table>

var els = document.getElementById('table').getElementsByClassName('col');

Array.prototype.forEach.call(els, function(el) {   /*перебираем все элементы с классом col*/
el.style.color = "#6fb3f7";   /*раскрашиваем найденные элементы*/
el.innerHTML = "TEST 3";      /*присваиваем новое значение*/
//console.log(el.tagName);
});

 

<div id="div">текст</div>
<script>
div.insertAdjacentHTML('beforeBegin', '<p>Привет</p>');  /*вставляет запись перед DIV*/
div.insertAdjacentHTML('afterEnd', '<p>Пока</p>');    /*вставляет запись после DIV*/
</script>