Какие методы используются для создания, удаления и замены элементов DOM в JavaScript?

Создание элементов DOM

Чтобы создать новый элемент, используй document.createElement(), передав название тега в виде строки. После создания установи его свойства, а затем вставь в DOM, используя один из этих методов:

• parent.appendChild(element) — добавляет элемент в качестве последнего потомка
• parent.insertBefore(element, reference) — вставляет элемент перед указанным узлом-ориентиром

Удаление элементов DOM

Есть два способа удалить элемент из DOM:

• element.remove() — современный подход, вызывается прямо на элементе
• parent.removeChild(element) — устаревший подход, вызывается на родительском узле

Замена элементов DOM

Чтобы заменить существующий элемент на новый, используй replaceChild() на родительском узле:

• newChild — элемент для вставки
• oldChild — элемент для удаления