.innerHTML
Содержимое элемента (управление разметкой элемента)
Свойство innerHTML содержит в себе строку со всем наполнением элемента (в том числе и разметкой)
.textContent
Текстовое содержимое элемента (управление текстом элемента)
textContent позволяет получить или перезаписать текстовое содержимое элемента. Обратите внимание: вёрстка при этом не затрагивается.
document.createElement(tag)
document.createTextNode(text)
document.createTextNode(text)
Создание элемента DOM
document.createElement(tag)- Создаёт новый элемент с заданным тегом.
document.createTextNode(text) - Создаёт новый текстовый узел с заданным текстом.
document.createTextNode(text) - Создаёт новый текстовый узел с заданным текстом.
.append()
.prepend()
.before()
.after()
.replaceWith()
.prepend()
.before()
.after()
.replaceWith()
Методы вставки созданного элемента DOM (как текс)
Чтобы наш новый созданный элемент DOM появился, нам нужно вставить его где-нибудь в document.
elem.insertAdjacentHTML(where, html)
Вставка созданного элемента DOM (как код)
Чтобы наш новый созданный элемент DOM появился, нам нужно вставить его где-нибудь в document. Метод: elem.insertAdjacentHTML(where, html) вставляет новый элемент как код.
node.remove()
Удалить, переместить элемент DOM
Для удаления узла есть методы node.remove() .
elem.cloneNode()
Клонирование
Как вставить ещё один подобный элемент на страницу