[Technical Issue] Javascript Applications - сравнение на начини за генериране на DOM дърво
Колеги с повечко опит в JS,
кой е по-добрият вариант за генериране на някаква DOM структура:
1. Като се създават поделементите един по един, присвояват им се класове, IDта, др. атрибути и се закачат за техния родител:
напр. var myDiv = document.createElement('div');
div.classList.add('someClass');
document.body.appendChild(myDiv);
2. Генерира се HTML код и се подава като innerHTML директно да родителя:
напр. document.body.innerHTML('<div class = "someClass"></div>');
Същия въпрос важи и за генерирането на същото нещо чрез jQuery.
Какви са плюсовете и минусите на двата начина и във vanilla javascript, и в jQuery?
В коментарите под статията има доста противоречиви мнения за бързодействието на DocumentFragment.
Мда, добра забележка, но пък и има коментари, които оборват негативните такива - отново с приложени тестове. Като цяло е доста обширно за разнищване в дълбочина.
Послепис: Местя темата, вече си имаме подходящ раздел :)