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