Свойство innerHTML позволяет получить
и изменить текст элемента.
Синтаксис
элемент.innerHTML
Пример
Давайте выведем текст элемента с помощью
свойства innerHTML:
<p id="elem">text</p>
let elem = document.querySelector('#elem');
console.log(elem.innerHTML);
Результат выполнения кода:
'text'
Пример
Можно не только считывать текст, но и записывать новый:
<p id="elem">text</p>
let elem = document.querySelector('#elem');
elem.innerHTML = '!!!';
Результат выполнения кода:
<p id="elem">!!!</p>
Пример
Можно записывать не только текст, но и теги и они будут работать (в нашем случае текст станет жирным):
<p id="elem">text</p>
let elem = document.querySelector('#elem');
elem.innerHTML = '<b>!!!</b>';
Результат выполнения кода:
<p id="elem"><b>!!!</b></p>
Смотрите также
-
свойство
outerHTML,
которое меняет внешний текст элемента