Gibt es in javascript eine Methode / einen Weg, um einen Child-Knoten dynamisch zum Listenelement hinzuzufügen?

7

Wenn ich eine ungeordnete Liste wie

habe %Vor%

Ich möchte einen Unterlisteneintrag dynamisch hinzufügen. Gibt es eine Methode in Javascript, um das zu tun? Wie könnte ich es tun? Bearbeiten Ich brauche einen Gegenstand auf der nächsten Ebene, d. H. Eine Unterliste von Helo World, die ich auch im OP erwähnt habe, etwas wie unten. Ein weiteres Problem hier ist, dass ich die Elemente zu einem festen Bestandteil meines Codes machen muss.

%Vor%     
XCeptable 18.11.2010, 12:54
quelle

4 Antworten

20

Mit reinen DOM-Methoden:

%Vor%

Um das Listenelement am Ende der Liste hinzuzufügen:

%Vor%

Um das Listenelement zwischen vorhandenen Listenelementen einzufügen (beachten Sie, dass Sie dem vorhandenen Listenelement in diesem Beispiel eine ID geben müssen):

%Vor%

Aktualisieren

Wenn Sie eine verschachtelte Liste hinzufügen möchten, müssen Sie sie zu einem Listenelement anstatt direkt in der Liste hinzufügen, damit sie gültig ist:

%Vor%     
Tim Down 18.11.2010, 13:05
quelle
2

Ich habe ein Beispiel in jsfiddle

erstellt %Vor%

Sie können durch die Referenz zu w3schools html dom gehen, um zu sehen, wie wir die HTML-Elemente mit Javascript manipulieren können.

Aber ich denke, der sauberere Weg wird sein, eine Bibliothek von Drittanbietern wie jQuery zu verwenden, die eine viel einfachere Möglichkeit zur Manipulation des dom erlauben wird.

ex: Wenn jQuery verwendet wird, ist dies so einfach wie

%Vor%

BEARBEITEN: Basierend auf Ihrer Bearbeitung können Sie dies versuchen,

%Vor%

Dies wird die 3. <li> von <ul> erhalten und eine Unterliste hinzufügen

    
Arun P Johny 18.11.2010 13:01
quelle
1
%Vor%

sonst gerade js

%Vor%

Hinweis: Wenn Sie auch Text eingeben müssen

%Vor%     
fcalderan 18.11.2010 12:56
quelle
0

AFAIK, es gibt kein äquivalentes HTML DOM Objekt für die Liste. Wie auch immer, Sie können das innerHTML verwenden:

%Vor%     
jerjer 18.11.2010 12:58
quelle

Tags und Links