Стоит ли добавлять HTML в DOM, используя внутренний HTML или создавая новые элементы один за другим? ⇐ Jquery

[Anonymous]

Есть два способа добавить HTML-код в DOM, и я не знаю, какой из них лучше всего.
Первый способ
Первый способ самый простой: я мог бы просто добавить HTML-код (с помощью jQuery), используя $('[код здесь]').appendTo(element); что очень похоже на element.innerHTML = [код здесь];
Второй метод
Другой способ — создать все элементы один за другим, например :

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

// New div-element
var div = $('', {
id: 'someID',
class: 'someClassname'
});

// New p-element that appends to the previous div-element
$('
', {
class: 'anotherClassname',
text: 'Some textnode',
}).appendTo(div);

Этот метод использует основные функции, такие как document.createElement и element.setAttribute.
Когда мне следует использовать первый метод и когда второй? Второй метод быстрее, чем первый?
Изменить — результат тестов скорости
Я провел три теста скорости, из которых следующий код:

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

$(document).ready(function(){
// jQuery method - Above mentioned as the second method
$('#test_one').click(function(){
startTimer();
var inhere = $('#inhere');
for(i=0; i

Подробнее здесь: [url]https://stackoverflow.com/questions/2319472/should-you-add-html-to-the-dom-using-innerhtml-or-by-creating-new-elements-one-b[/url]