Вы слышали о манипулировании DOM? Давайте разберемся, что такое DOM?
Объектная модель документа (DOM) — это программный интерфейс для HTML. Проще говоря, структура вашего HTML-документа. DOM — это древовидное представление содержимого веб-страницы с использованием узлов вместо элементов. Эти узлы представляют элементы HTML, и ими можно манипулировать и повторно отображать. DOM является иерархическим и имеет логическую
древовидную структуру, в которой дочерние узлы содержатся в родительских узлах.
При работе с DOM вы увидите три свойства: innerText, innerHTML, textContent. Вам нужно знать, как изменить текст или HTML-код, отображаемый на странице, чтобы сделать ваши сайты более интерактивными. Все свойства innerText, innerHTML и textContent позволяют получить доступ к содержимому тега и изменить его. Вот тут-то и появляются HTML-атрибуты innerText и innerHTML, textContent. Люди иногда путаются в этих трех свойствах. Пришло время прояснить всю путаницу и узнать, где использовать эти свойства.
innerHTML
Свойство JavaScript innerHTML устанавливает HTML-содержимое элемента на веб-странице. InnerHTML является свойством HTML DOM и часто используется для установки и изменения содержимого элемента ‹p›. innerHTML возвращает содержимое элемента, а также любые интервалы и потомков. innerHTML возвращает весь текст, включая теги HTML, содержащийся в элементе.
innerText
Свойство JavaScript innerText задает доступ к текстовому содержимому элемента, который отображается на веб-странице. Скрытый контент не может быть извлечен. Он также устанавливает содержимое своих потомков. innerText возвращает текст без каких-либо потомков или пробелов. Вы должны использовать innerText, если хотите увидеть содержимое элемента в виде обычного текста. innerText возвращает весь текст и теги, содержащиеся в элементе и во всех его дочерних элементах.
textContent
В textContent доступен весь текст, включая скрытое содержимое. textContents — это весь текст, содержащийся в элементе и всех его дочерних элементах, предназначенный только для целей форматирования.
