appendChild définition
appendChild(newChild: Noeud) : Noeud
Ajoute un nœud au tableau childNodes pour le nœud.
Pris en charge : IE 5.0+, Mozilla 1.0+, Netscape 6.0+, Safari 1.0+, Opera 7.0+
Ajouter un nœud au tableau de nœuds enfants du nœud spécifié semble un peu déroutant à lire. En termes simples, cela signifie ajouter des éléments au nœud spécifié.
Utilisation de appendChild
cible.appendChild(nouvelEnfant)
newChild est inséré en tant que nœud enfant de la cible après le dernier nœud enfant
exemple appendChild
var newElement = document.Document.createElement('label');
newElement.Element.setAttribute('value', 'Username:');
var usernameText = document.Document.getElementById('username');
nom d'utilisateurText.appendChild(newElement);
insertAvantdéfinition
La méthode insertBefore() insère un nouveau nœud enfant avant un nœud enfant existant.
La méthode insertBefore() est utilisée pour insérer un nouveau nœud enfant avant le nœud enfant existant.
insérerAvant utilisation
cible.insertBefore(newChild,existingChild)
newChild est inséré en tant que nœud enfant de target avant le nœud existantChild.
existanteChild est un paramètre facultatif Lorsqu'il est nul, son effet est le même que appendChild.
exemple insertBefore
var oTest = document.getElementById("test");
var newNode = document.createElement("p");
newNode.innerHTML = "Ceci est un test";
oTest.insertBefore(newNode,oTest.childNodes[0]);
D'accord, donc s'il y a insertBefore, il devrait également y avoir insertAfter, non ?
D'accord, écrivons un exemple en utilisant Aptana, mais l'invite intelligente d'Aptana me dit qu'il n'y a pas de méthode insertAfter.
Alors définissez vous-même un Luo :)
définition insertAfter
fonction insertAfter (newEl, targetEl)
{
var parentEl = targetEl.parentNode;
si (parentEl.lastChild == targetEl)
{
parentEl.appendChild(newEl);
}autre
{
parentEl.insertBefore(newEl,targetEl.nextSibling);
}
}
insertAfter utilisation et exemples
var txtName = document.getElementById("txtName");
var htmlSpan = document.createElement("span");
htmlSpan.innerHTML = "Ceci est un test";
insertAfter(htmlSpan,txtName);
Insérez htmlSpan en tant que nœud frère de txtName après le nœud txtName
Résumer:
1. appendChild et insertBefore sont utilisés comme méthodes pour les nœuds, tandis que insertAfter n'est qu'une fonction personnalisée.
2. Par rapport à appendChild, insertBefore est plus flexible et peut insérer un nouveau nœud à n'importe quelle position dans le tableau de nœuds enfants du nœud cible.
3. Utilisez appendChild et insertBefore pour insérer un nouveau nœud. Le principe est que ses nœuds frères doivent avoir un nœud parent commun.