Vor ein paar Tagen, als ich ein Projekt erstellte, wurde mir eine Frage gestellt, die mich wirklich faszinierte, sie zu finden und darüber zu lesen. Die Frage war:

„Was wäre, wenn ich zum Erstellen von HTML-Elementen Vorlagenzeichenfolgen anstelle von createElement verwenden würde? Macht es einen Unterschied?”

Sowohl „ document.createElement() “ als auch „ template literals “ ermöglichen es uns, Elemente zu erstellen, sodass sich die Frage stellt, wann was verwendet werden soll? Macht es einen Unterschied, ob wir sie verwenden oder ersetzen? Sie werden es herausfinden, wenn Sie weiterlesen.

createElement()

• Die Methode createElement() ist eine DOM-Level-1-Funktion, die 1998 eingeführt wurde.
• Es ist alt und robust, aber dann gibt es Redundanzen, wenn wir hin und wieder Elemente erstellen müssen.
• Die Browserunterstützung für createElement() ist mit 97,92 % gut .

• Vorlagenliterale wurden 2015 in ES6 alias ECMAScript 6 eingeführt.
• Es ist neuer, schneller, hat weniger Code, ist besser lesbar, ist einfach zu warten und hat weniger Chancen, sich mit Fehlern zu befassen.
• Die Browser-Unterstützung für Template-Strings liegt bei 97,11 % , was im Vergleich zu createElement() kein großer Unterschied ist, aber hier ist die Sache, dass Template-Literale auf IE 11, Opera und Blackberry nicht funktionieren.

Nachfolgend finden Sie ein Beispielcode-Snippet zum Hinzufügen von HTML-Elementen mithilfe von createElement- und Vorlagenliteralen.

JS-Weg

Alternative mit Vorlagenliteralen

Fazit

Wie Sie selbst im obigen Beispielcode gesehen haben, gibt es keinen großen Unterschied, wenn wir Elemente mit createElement() oder mit Template-Strings erstellen. Die Antwort auf die Frage hängt also davon ab, was für Sie am besten funktioniert, zusammen mit dem Browser, den die Benutzer der Anwendung in Kauf nehmen. Da IE11, Opera und Blackberry Template-Strings noch nicht unterstützen, können Sie sich für die Methode createElement() entscheiden.