Contoh
Masukkan baru <li> elemen sebelum elemen anak pertama dari <ul> elemen:
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>Sebelum memasukkan:
- Coffee
- Tea
Setelah memasukkan:
- Water
- Coffee
- Tea
Cobalah sendiri " Lebih "Try it Yourself" contoh di bawah ini.
Definisi dan Penggunaan
The insertBefore() metode menyisipkan simpul sebagai seorang anak, tepat sebelum seorang anak yang ada, yang Anda tentukan.
Tip: Jika Anda ingin membuat daftar item baru, dengan teks, ingatlah untuk membuat teks sebagai simpul Teks yang Anda tambahkan ke <li> elemen, kemudian masukkan <li> ke dalam daftar.
Anda juga dapat menggunakan metode insertBefore untuk memasukkan / memindahkan elemen yang ada (See "More Examples") .
Dukungan Browser
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung metode ini.
| metode | |||||
|---|---|---|---|---|---|
| insertBefore() | iya nih | iya nih | iya nih | iya nih | iya nih |
Sintaksis
Nilai parameter Parameter Mengetik Deskripsi newnode Node object Wajib. Node objek yang ingin memasukkan existingnode Node object Pilihan. Simpul anak Anda ingin menyisipkan node baru sebelumnya. Ketika tidak ditentukan, metode insertBefore akan memasukkan newnode di akhir
Rincian teknis
Kembali Nilai: Sebuah Node Obyek, mewakili node dimasukkan DOM Versi Inti Level 1 Node Obyek
Contoh lebih
Contoh
Memindahkan <li> elemen dari satu daftar ke yang lain:
var node = document.getElementById("myList2").lastChild;
var
list = document.getElementById("myList1");
list.insertBefore(node, list.childNodes[0]); Sebelum memasukkan:
- Coffee
- Tea
- Water
- Milk
Setelah insertBefore:
- Milk
- Coffee
- Tea
- Water
Cobalah sendiri "