Metoda HTML DOM insertBefore().
Příklad
Vložte nový prvek <li> před první podřízený prvek prvku <ul>:
var newItem = document.createElement("LI"); // Create a <li> node
var textnode = document.createTextNode("Water"); // Create a text node
newItem.appendChild(textnode); // Append the text to <li>
var list = document.getElementById("myList"); // Get the <ul> element to insert a new node
list.insertBefore(newItem, list.childNodes[0]); // Insert <li> before the first child of <ul>
Další příklady „Vyzkoušejte si to sami“ níže.
Definice a použití
Metoda insertBefore() vloží uzel jako potomka přímo před existujícího potomka, který určíte.
Tip: Pokud chcete vytvořit novou položku seznamu s textem, nezapomeňte vytvořit text jako uzel Text, který připojíte k prvku <li> a poté do seznamu vložíte <li>.
Pro vložení/přesunutí existujícího prvku můžete také použít metodu insertBefore (viz "Další příklady").
Podpora prohlížeče
Čísla v tabulce určují první verzi prohlížeče, která tuto metodu plně podporuje.
Method | |||||
---|---|---|---|---|---|
insertBefore() | Yes | Yes | Yes | Yes | Yes |
Syntax
node.insertBefore(newnode, existingnode)
Hodnoty parametrů
Parameter | Type | Description |
---|---|---|
newnode | Node object | Required. The node object you want to insert |
existingnode | Node object | Required. The child node you want to insert the new node before. If set to
null , the insertBefore method will insert the newnode at the end |
Technické údaje
Návratová hodnota: | Objekt uzlu představující vložený uzel |
---|---|
Verze DOM | Základní objekt uzlu úrovně 1 |
Další příklady
Příklad
Přesunutí prvku <li> z jednoho seznamu do druhého:
var node = document.getElementById("myList2").lastChild;
var list = document.getElementById("myList1");
list.insertBefore(node, list.childNodes[0]);