Различия между методами внедрения HTML? ⇐ Jquery

[Anonymous]

Есть ли разница между методами внедрения элементов HTML? С точки зрения эффективности, простоты использования, безопасности...?
Обычно, когда я внедряю html, я делаю что-то вроде этого:

Код: Выделить всё

const myDivInnerHtml = 'All the elements and etc...';
const myDiv = document.createElement('div');
myDiv.id = "myDiv";
myDiv.innerHTML = myDivInnerHtml;
$('.document_element').append(myDiv);

Хотя иногда я делал это более прямо, например так:

Код: Выделить всё

const myDivInnerHtml = 'All the elements and etc...';
$('.document_element').append(myDivInnerHtml);

Это простой процесс, который дает мне нужные результаты, но это может затруднить или раздражать навигацию по коду, если myDivInnerHtml имеет много элементов (например, когда создание пользовательского интерфейса для скрипта, требующего разных вкладок, кнопок и тому подобного).

Подробнее здесь: https://stackoverflow.com/questions/792 ... on-methods