Каковы различные методы создания элементов DOM в JavaScript и их сравнение. какой из них лучше и почему?

Question

Есть много способов создать элемент dom. через строку, передав ее innerhtml и используя функцию createelement javascript. Это все, что я знаю.

Я хочу знать, какая техника лучше при использовании для больших javascript-приложений. может быть, какое-то сравнение производительности пролило бы свет.

это то, что разработчик веб-приложений часто использовал, не зная результатов.

Answer 1

Это действительно зависит от приложения.Установка большого количества элементов с помощью innerHTML должна выполняться быстрее, но использование createElement дает вам больший контроль над элементом перед его добавлением в DOM.Часто люди совершают ошибку, манипулируя свойством innerHTML внутри цикла на протяжении многих итераций, что очень плохо сказывается на производительности, поэтому убедитесь, что вы устанавливаете его после завершения всех циклов.

Длямалые манипуляции с домом, я бы придерживался createElement .Это проще в обслуживании и выглядит более структурированным, чем использование innerHTML .Также помните, что innerHTML может не поддерживаться в некоторых старых браузерах, отличных от Internet Explorer.

Answer 2

Я согласен с Энди Е, что использовать innerHTML проще, но использование innerhtml действительно снижает производительность.например, создание простой таблицы с использованием innerhtml займет больше времени с простыми данными.где, поскольку это займет всего лишь часть с использованием функции элемента creatElement DOM.

createElement занимает много времени для программирования, но это можно преодолеть с помощью библиотеки jQuery.Работа с jQuery действительно сократит ваш код, сделает его кроссбраузерным и будет иметь огромную производительность, сопоставленную с техникой innerHTML

Я провел полное сравнение этих техник, здесь сложно все сложить, пожалуйста, обратитеськ этой статье, и, надеюсь, ваш разум будет расслаблен после прочтения этой длинной статьи.

http://aspilham.blogspot.com/2011/01/creating-dom-elements-in.html