Свойство innerHTML
Свойство innerHTML позволява да получите
и промените HTML кода на елемент.
Синтаксис
елемент.innerHTML;
Пример
Нека изведем HTML кода на елемент:
<p id="elem"><b>text</b></p>
let elem = document.querySelector('#elem');
console.log(elem.innerHTML);
Резултат от изпълнението на кода:
'<b>text</b>'
Пример
Нека променим HTML кода на нов:
<p id="elem"><b>text</b></p>
let elem = document.querySelector('#elem');
elem.innerHTML = '<i>!!!</i>';
Резултат от изпълнението на кода:
<p id="elem"><i>!!!</i></p>
Вижте също
-
свойство
textContent,
което съдържа текста на елемента -
свойство
outerHTML,
което съдържа външния HTML код на елемента
