Что предпочтительнее insertAdjacentHTML или создавать элементы через createElement?

Question

[Lorem Ipsum]

Как профессиональнее?

Пример:

document.body.insertAdjacentHTML('beforeend', `<div class="col" id="mainCol">Lorem ipsum</div>`);

const ELEMENT = document.createElement('div');
ELEMENT.id = 'mainCol';
ELEMENT.classList.add('col');
ELEMENT.innerText = 'Lorem ipsum';
document.body.appendChild(ELEMENT);

И был бы рад, если бы написали почему лучше использовать именно этот метод.

Comments

[Сергей Соколов]

Как правильно добавлять новые элементы в DOM с помощью JS?

Answer 1

[y0u]

Всё зависит от ситуации. Предпочтительнее createElement, так как в момент создания сохранится ссылка на элемент для последующей работы с ним. Если работать с этим элементом не нужно, например если с сервера пришел ответ в виде html строки и нужно всего лишь отобразить результат без дополнительных действий, то createElement здесь не нужен.