Zastanawiałem się, kiedy używać generowania opartego na DOM w porównaniu do .innerHTML lub dołączania łańcuchów za pomocą metody .append JQuery? Przeczytałem pokrewny post tutajCzy powinieneś dodać HTML do DOM używając innerHTML lub tworząc nowe elementy jeden po drugim? ale nadal nie jestem pewien, jaki przypadek użycia dla każdej metody. Czy to tylko kwestia wydajności, w której zawsze wybrałbym jedną nad drugą?

Powiedzmy toFormularz jest dowolną zmienną:

Generacja DOM

            var div = document.createElement("div"),
            label = document.createElement("label"),
            input = document.createElement("input");

            div.appendChild(label);
            div.appendChild(input);

            form.appendChild(div);

JQuery

           $(form).append("<div><label></label><input></input></div>")