Добавление элемента по дереву Node

Для добавления элементов можно использовать один из методов объекта Node:

• appendChild() вставка нового элемента в конец родителя, пример
• prepend() вставка нового элемента в начало родителя, пример
• before() или insertBefore() позволяет вставить элемент перед другим элементом, пример
• after() или insertAfter() позволяет вставить элемент после другого элемента
• replaceWith() заменяет одни элементы другими
• insertAdjacentElement() позволяет вставить элемент в любое место страницы, пример
• insertAdjacentHTM() вставляет полученные узлы (с тегами) в DOM дерево в указанную позицию (позиция задается), пример
• textContent() удаляет все элементы узла и заменяет их одним текстовым узлом с заданным значением
• outerText() заменяет весь тег целиком, тег становится текстом
• outerHTM() заменяет весь тег целиком, включая текст, пример
• innerText() записывает в DOM элемента текст, игнорирую теги
• innerHTM() записывает в DOM элемента текст, включая теги, пример