Метод insertAdjacentHTML отличается от других методов вставки HTML в DOM тем, что позволяет вставлять произвольную HTML-разметку в любое место документа, в том числе и между узлами. 2

В то время как другие методы, например innerHTML, устанавливают или заменяют содержимое элемента, insertAdjacentHTML позволяет указывать позицию вставки контента внутри или снаружи элемента (сразу перед или после). 5

Также у метода insertAdjacentHTML есть два «брата»: 2

• insertAdjacentText. 2 Синтаксис такой же, но строка вставляется как текст. 2
• insertAdjacentElement. 2 Синтаксис такой же, но вставляется элемент. 2