Свойство innerHTML

Свойство innerHTML позволява да получите и промените HTML кода на елемент.

Синтаксис

javascriptелемент.innerHTML;

Пример

Нека изведем HTML кода на елемент:

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

javascriptlet elem = document.querySelector('#elem');
console.log(elem.innerHTML);

Резултат от изпълнението на кода:

javascript'<b>text</b>'

Пример

Нека променим HTML кода на нов:

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

javascriptlet elem = document.querySelector('#elem');
elem.innerHTML = '<i>!!!</i>';

Резултат от изпълнението на кода:

html<p id="elem"><i>!!!</i></p>

Вижте също