HTML-DOM insert Methode
Beispiele
Hinzufügen von Elementen zur Liste:
document.getElementById("myList").insertBefore( newItem,existingItem );
Vor der Zugabe:
- Coffee
- Tea
Nachdem Sie hinzufügen:
- Water
- Coffee
- Tea
Versuchen »
Definition und Verwendung
insert () -Methode fügt einen neuen untergeordneten Knoten vor einem vorhandenen untergeordneten Knoten.
Tipp: Wenn Sie eine neue Textliste Element erstellen möchten , nach dem LI Element Sie einen Textknoten eines Elements hinzufügen sollte, und dann das LI - Element in der Liste hinzufügen.
Sie können auch die insert Methode verwenden, um Elemente einfügen / entfernen, die bereits vorhanden sind.
Beispiele
Bewegen Sie ein Listenelement in eine andere Liste Artikel:
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]);
Vor der Zugabe:
- CoffeeTea
- Water
- Milk
Nachdem Sie hinzufügen:
- Milk
- Coffee
- Tea
- Water
Versuchen »
Alle gängigen Browser insert unterstützen () -Methode
Grammatik
node.insertBefore(newnode,existingnode)
Parameter
| 参数 | 类型 | 描述 |
|---|---|---|
| newnode | Node object | Required. The node object you want to insert |
| existingnode | 节点对象 | 必须。要添加新的节点前的子节点。 |
Rückgabewert
| 类型 | 描述 |
|---|---|
| 节点对象 | The node you inserted |
Technische Details
| DOM-Version | Core-Ebene 1 Knoten Object |
|---|