Преимущества метода insertAdjacentHTML перед appendChild и prependChild:

• Точное размещение элементов. 2 Метод позволяет вставлять элементы в определённые позиции: перед самим элементом, в начале его внутреннего содержимого, в конце внутреннего содержимого элемента или после него. 2
• Вставка чистого HTML-кода. 2 Метод позволяет вставлять необработанный HTML-код напрямую. 2

appendChild принимает только HTML-элементы и за одно использование вставляет только один элемент. 1 prepend принимает как элементы, так и текстовый контент, но вставляет его перед любым существующим содержимым внутри элемента, к которому применяется. 1

Таким образом, insertAdjacentHTML предпочтительнее, когда требуется вставить контент рядом или внутри элемента с точным контролем над размещением. 12