méthode HTML DOM insertBefore
Exemples
Ajouter des éléments à la liste:
document.getElementById("myList").insertBefore( newItem,existingItem );
Avant d'ajouter:
- Coffee
- Tea
Une fois que vous ajoutez:
- Water
- Coffee
- Tea
Essayez »
Définition et utilisation
méthode insertBefore () insère un nouveau nœud enfant devant un nœud enfant existant.
Astuce: Si vous voulez créer une nouvelle liste de texte élément après l'élément LI vous devez ajouter un nœud de texte d'un élément, puis ajoutez l'élément LI dans la liste.
Vous pouvez également utiliser la méthode insertBefore pour insérer / supprimer des éléments qui existent déjà.
Exemples
Déplacer un élément de liste à un autre élément de la liste:
var node=document.getElementById("myList2").lastChild;
var list=document.getElementById("myList1");
list.insertBefore(node,list.childNodes[0]);
var list=document.getElementById("myList1");
list.insertBefore(node,list.childNodes[0]);
Avant d'ajouter:
- Coffee Tea
- Water
- Milk
Une fois que vous ajoutez:
- Milk
- Coffee
- Tea
- Water
Essayez »
Tous les principaux navigateurs supportent insertBefore méthode ()
grammaire
node.insertBefore(newnode,existingnode)
Paramètres
参数 | 类型 | 描述 |
---|---|---|
newnode | Node object | Required. The node object you want to insert |
existingnode | 节点对象 | 必须。要添加新的节点前的子节点。 |
Valeur de retour
类型 | 描述 |
---|---|
节点对象 | The node you inserted |
détails techniques
Version DOM | Niveau de base 1 Node Object |
---|