So fügen Sie Knoten in JavaScript hinzu

So fügen Sie Knoten in JavaScript hinzu: 1. Verwenden Sie appendChild(), die Syntax lautet „parent node.appendChild(node ​​​​zu hinzufügen)“ 2. Verwenden Sie insertBefore(), die Syntax lautet „parent node.insertBefore(“ Knoten, der eingefügt werden soll, Position einfügen)".

Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, Dell G3-Computer.

Es gibt zwei Möglichkeiten, Knoten in JS hinzuzufügen

1. Fügen Sie den Knoten, der hinzugefügt werden soll, am Ende des angegebenen übergeordneten Elements hinzu, daher wird er auch als append

Verwendung bezeichnet : Parent node.appendChild (Knoten, der hinzugefügt werden soll)

Code:

document.onclick = function(){
    oDiv2.appendChild(oB2);//将b2追加到div2里面的最后面
}

Abbildung:

2. insertBefore()

Fügen Sie den Knoten hinzu, der dem angegebenen übergeordneten Element hinzugefügt werden soll der Knoten

Verwendung: übergeordneter Knoten.insertBefore(einzufügender Knoten, angegebener Knoten)

JS-Code: (Hinweis: Jedes Mal, wenn eine neue Methode ausgeführt wird, wird die vorherige Methode auskommentiert. Zum besseren Verständnis Wenn Sie dies einmal kommentieren, wird der Code, der die vorherige Methode kommentiert, im folgenden Artikel nicht veröffentlicht nicht vorhanden. Unter IE und Safari wird der hinzuzufügende Knoten mit der appendChild()-Methode an das angegebene übergeordnete Element angehängt, während andere Mainstream-Browser (Firefox, Chrome, Opera usw.) nach dem Einfügen einen Fehler melden Wenn Sie einen Knoten auswählen, müssen Sie zunächst feststellen, ob der zweite Parameterknoten vorhanden ist

[Lernempfehlung:

Javascript-Tutorial für Fortgeschrittene

]

Das obige ist der detaillierte Inhalt vonSo fügen Sie Knoten in JavaScript hinzu. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!