Уласцівасць 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 код элемента
