Зачем использовать функцию, подобную createElement, в стандартном JavaScript вместо функции InternalHTML или InsertAdjac ⇐ Javascript

[Anonymous]

Я работаю над проектом с использованием стандартного JavaScript и задаюсь вопросом, как лучше всего динамически создавать элементы DOM и управлять ими.
Я знаю, что в таких библиотеках, как React, JSX преобразуется в React.createElement вызывает негласные вызовы, которые генерируют элементы, используя что-то вроде этого:

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

React.createElement("div", { className: "my-class" }, "Hello World") 

В стандартном JavaScript я мог бы написать аналогичную функцию для программного создания элементов DOM. Однако мне интересно, зачем мне это делать, если я могу просто использовать InnerHTML или InsertAdjacentHTML с литералами шаблона для гораздо более простого подхода.
Например:

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

document.body.innerHTML = 

Привет, мир!

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

; 

Каковы преимущества использования функции, подобной createElement, по сравнению с InternalHTML или InsertAdjacentHTML для манипулирования DOM? Есть ли преимущества в производительности, соображения безопасности или рекомендации для более крупных приложений, о которых мне следует знать?

Подробнее здесь: https://stackoverflow.com/questions/793 ... -innerhtml