Свойство innerHTML позволяет получать и изменять HTML-код внутри элемента. Оно даёт полный контроль над содержимым, включая вставку новых тегов.

element.innerHTML = 'новый HTML-код';

Пример с заменой содержимого элемента

document.getElementById('box').innerHTML = '<strong>Новый текст</strong>';

Так же можно добавить новую html разметку с заменой всего содержимого

let list = document.getElementById('list');
list.innerHTML = '<li>Элемент 1</li><li>Элемент 2</li>';

Свойство innerHTML позволяет манипулировать содержимым элемента, но он требует осторожности. Если работать с динамическими данными, нужно следить за безопасностью, чтобы не пустить в код нежелательный HTML.