Метод insertAdjacentHTML в JavaScript позволяет вставлять HTML-разметку в указанное место относительно выбранного элемента. 1 Он разбирает указанный текст как HTML или XML и вставляет полученные узлы в дерево DOM в указанной позиции. 4

Метод принимает два параметра: 3

1. position. 3 Строковое значение, которое определяет позицию добавляемого элемента относительно элемента, вызвавшего метод. 4 Возможные значения: 4

• «beforebegin» — до самого элемента (до открывающего тега). 4
• «afterbegin» — сразу после открывающего тега элемента (перед первым потомком). 4
• «beforeend» — сразу перед закрывающим тегом элемента (после последнего потомка). 4
• «afterend» — после элемента (после закрывающего тега). 4

1. html. 1 HTML-разметка, которую нужно вставить. 1

Позиции «beforebegin» и «afterend» работают только в том случае, если узел находится в дереве и имеет родительский элемент. 2

Метод insertAdjacentHTML не переписывает имеющиеся элементы, что предотвращает дополнительную сериализацию и поэтому работает быстрее, чем манипуляции с innerHTML. 4