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