Metode insertBefore() HTML DOM
Contoh
Sisipkan elemen <li> baru sebelum elemen turunan pertama dari elemen <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>
Lebih banyak contoh "Coba Sendiri" di bawah ini.
Definisi dan Penggunaan
Metode insertBefore() menyisipkan simpul sebagai anak, tepat sebelum anak yang ada, yang Anda tentukan.
Tip: Jika Anda ingin membuat item daftar baru, dengan teks, ingatlah untuk membuat teks sebagai simpul Teks yang Anda tambahkan ke elemen <li>, lalu masukkan <li> ke daftar.
Anda juga dapat menggunakan metode insertBefore untuk menyisipkan/memindahkan elemen yang ada (Lihat "Contoh Lainnya").
Dukungan Peramban
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung metode ini.
Method | |||||
---|---|---|---|---|---|
insertBefore() | Yes | Yes | Yes | Yes | Yes |
Sintaksis
node.insertBefore(newnode, existingnode)
Nilai Parameter
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 |
Detail Teknis
Nilai Kembali: | Objek Node, mewakili node yang dimasukkan |
---|---|
Versi DOM | Objek Node Tingkat 1 Inti |
Lebih Banyak Contoh
Contoh
Pindahkan elemen <li> dari satu daftar ke daftar lainnya:
var node = document.getElementById("myList2").lastChild;
var list = document.getElementById("myList1");
list.insertBefore(node, list.childNodes[0]);