Festlegen einer ID für ein Element, das aus einem Vorlagenelement erstellt wurde

8

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.

%Vor%

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.

    
Selim 18.08.2016, 16:09
quelle

2 Antworten

5

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:

%Vor%

Siehe Arbeiten mit JSFiddle

Siehe auch Dokumentation über DocumentFragment hier .

    
leo.fcx 18.08.2016, 16:21
quelle
2

Sie müssen listItem.querySelector() für document-fragment verwenden und die ID dann ändern:

%Vor% %Vor%     
baao 18.08.2016 16:24
quelle

Tags und Links