Свойство innerHTML - HTML код элемента на JavaScript
Свойство 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 код элемента