Свойство innerHTML является частью Document Object Model (DOM), которая позволяет Javascript-коду манипулировать отображаемым веб-сайтом. Оно позволяет получить HTML-содержимое элемента в виде строки и при необходимости изменять его:
document.body.innerHTML; // как это свойство прописывается
document.body.innerHTML = 'изменили содержимое тега body'; // как изменить значение
Нередко можно встретить использование InnerHTML для вставки текста в веб страницу. Это приводит к рискам безопасности. По этой причине, рекомендуется не использовать innerHTML для вставки обычного текста; вместо этого стоит использовать node.textContent. Это не интерпретирует отправленный контент как HTML, но вместо этого он вставляется как не обработанный текст.
Примечание: если текстовый узел элемента содержит символы "&", "<" или ">", то свойство innerHTML преобразует эти символы в "&", "<" и ">" соответственно. Для получения правильной копии содержимого текстового узла используйте свойство textContent.
Свойство innerHTML отсутствует у пустых элементов. Также его можно применять только с теми элементами, которые имеют открывающий и закрывающий тег.