Свойство innerHTML в JavaScript

Свойство 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>