Работа с HTML код на елементи в JavaScript

DOM елементите имат свойство innerHTML, което позволява четенето на HTML кода на тези елементи. Нека разгледаме пример. Нека имаме следния таг:

html<p id="elem"><b>text</b></p>

Нека получим референция към този таг в променлива:

javascriptlet elem = document.querySelector('#elem');

Нека прочетем HTML кода на тага:

javascriptconsole.log(elem.innerHTML); // ще изведе <b>text</b>

Нека променим текста на тага:

javascriptelem.innerHTML = '<i>!!!</i>';