Ich habe ein Template-Element, mit dem ich <li>
-Elemente auf meiner Seite erstellen kann. Ich kann die textContent-Attribute der inneren Elemente dieser Vorlage festlegen. Allerdings kann ich die ID für das Elternelement in der Vorlage nicht festlegen.
Und das ist die erforderliche js, um das Problem zu demonstrieren.
%Vor%Der Textinhalt wird korrekt gesetzt, die ID wird jedoch nicht gesetzt (das js-Attribut wird erstellt, erscheint aber nicht im DOM).
Ich habe auch dafür eine jsfiddle erstellt.
Wie kann ich die ID des neu angehängten Elements festlegen? Mein aktueller Ansatz besteht darin, Vorlagen im Allgemeinen zu vermeiden und Strings zu verwenden, um das Element zu konstruieren, was mich schmutzig macht.
Das Problem ist, dass Sie versuchen, ein document-fragment
(listItem) als DOM element
zu behandeln. Stattdessen sollten Sie das Element wie folgt aus dem Dokumentfragment abrufen / abfragen:
Siehe Arbeiten mit JSFiddle
Siehe auch Dokumentation über DocumentFragment
hier .
Tags und Links javascript html html5