Итак, я видел три способа добавления элементов html/DOM на страницу. Мне любопытно, что за плюсы и минусы для каждого из них.
1 - Традиционный JavaScript
Я считаю, что прямой способ JS сделать это - построить каждый элемент, установить атрибуты и затем добавить их. Пример:
var myRow = document.createElement("tr");
myRow.class = "myClass";
var firstTD = document.createElement("td");
firstTD.innerHTML = "first";
myRow.appendChild(firstTD);
var secondTD = document.createElement("td");
secondTD.innerHTML = "second";
myRow.appendChild(secondTD);
document.getElementById("myContainer").appendChild(myRow);
2 - Добавление строки html через jQuery
Я заметил, что большинство примеров jQuery, которые я вижу, обычно просто добавляют строку html.
Пример:
$("#myContainer").append('<tr class="myClass"><td>first</td><td>second</td></tr>');
3 - jQuery.clone()
Я также видел множество применений и ссылок на .clone() в jQuery.
Пример:
$("#myContainer").append($(".myClass").Clone());
Мне бы хотелось услышать, что другие могут сказать об этом.
(Кроме того, это похоже на хороший кандидат на "вики сообщества", но я не слишком хорошо знаком с ними. Кто-нибудь прокомментирует и сообщит мне, может ли это быть? Спасибо)