appendChild-Definition
appendChild(newChild: Node) : Knoten
Fügt einen Knoten an das childNodes-Array für den Knoten an.
Unterstützt: IE 5.0+, Mozilla 1.0+, Netscape 6.0+, Safari 1.0+, Opera 7.0+
Das Hinzufügen eines Knotens zum untergeordneten Knotenarray des angegebenen Knotens scheint etwas verwirrend zu sein. Einfach ausgedrückt bedeutet dies, dass Elemente zum angegebenen Knoten hinzugefügt werden.
appendChild-Nutzung
target.appendChild(newChild)
newChild wird als untergeordneter Knoten von target nach dem letzten untergeordneten Knoten eingefügt
appendChild-Beispiel
var newElement = document.Document.createElement('label');
newElement.Element.setAttribute('value', 'Username:');
var usernameText = document.Document.getElementById('username');
BenutzernameText.appendChild(newElement);
insertBeforedefinition
Die Methode insertBefore() fügt einen neuen untergeordneten Knoten vor einem vorhandenen untergeordneten Knoten ein.
Die Methode insertBefore() wird verwendet, um einen neuen untergeordneten Knoten vor dem vorhandenen untergeordneten Knoten einzufügen.
einfügenVor der Verwendung
target.insertBefore(newChild,existingChild)
newChild wird als untergeordneter Knoten des Ziels vor dem vorhandenen untergeordneten Knoten eingefügt.
„existingChild“ ist ein optionaler Parameter. Wenn er null ist, ist seine Wirkung die gleiche wie „appendChild“.
insertBefore-Beispiel
var oTest = document.getElementById("test");
var newNode = document.createElement("p");
newNode.innerHTML = „Dies ist ein Test“;
oTest.insertBefore(newNode,oTest.childNodes[0]);
Okay, wenn es also insertBefore gibt, sollte es auch insertAfter geben, oder?
Okay, schreiben wir ein Beispiel mit Aptana, aber die intelligente Eingabeaufforderung von Aptana sagt mir, dass es keine insertAfter-Methode gibt.
Dann definieren Sie selbst einen Luo :)
insertAfter-Definition
Funktion insertAfter(newEl, targetEl)
{
var parentEl = targetEl.parentNode;
if(parentEl.lastChild == targetEl)
{
parentEl.appendChild(newEl);
}anders
{
parentEl.insertBefore(newEl,targetEl.nextSibling);
}
}
insertAfter Verwendung und Beispiele
var txtName = document.getElementById("txtName");
var htmlSpan = document.createElement("span");
htmlSpan.innerHTML = „Dies ist ein Test“;
insertAfter(htmlSpan,txtName);
Fügen Sie htmlSpan als Geschwisterknoten von txtName nach dem txtName-Knoten ein
Zusammenfassen:
1. appendChild und insertBefore werden als Methoden für Knoten verwendet, während insertAfter nur eine benutzerdefinierte Funktion ist.
2. Im Vergleich zu appendChild ist insertBefore flexibler und kann einen neuen Knoten an jeder Position im untergeordneten Knotenarray des Zielknotens einfügen.
3. Verwenden Sie appendChild und insertBefore, um einen neuen Knoten einzufügen. Voraussetzung ist, dass seine Geschwisterknoten einen gemeinsamen übergeordneten Knoten haben müssen.