Metode HTML DOM insertBefore
contoh
Menambahkan item ke dalam daftar:
document.getElementById("myList").insertBefore( newItem,existingItem );
Sebelum menambahkan:
- Coffee
- Tea
Setelah Anda menambahkan:
- Water
- Coffee
- Tea
Coba »
Definisi dan Penggunaan
Metode insertBefore () menyisipkan node anak baru sebelum node anak yang ada.
Tip: Jika Anda ingin membuat daftar item teks baru setelah elemen LI Anda harus menambahkan node teks dari elemen, dan kemudian menambahkan elemen LI dalam daftar.
Anda juga dapat menggunakan metode insertBefore memasukkan / mengeluarkan unsur-unsur yang sudah ada.
contoh
Memindahkan item daftar ke daftar item lain:
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]);
Sebelum menambahkan:
- Coffee Tea
- Water
- Milk
Setelah Anda menambahkan:
- Milk
- Coffee
- Tea
- Water
Coba »
Semua browser utama mendukung insertBefore () metode
tatabahasa
node.insertBefore(newnode,existingnode)
parameter
参数 | 类型 | 描述 |
---|---|---|
newnode | Node object | Required. The node object you want to insert |
existingnode | 节点对象 | 必须。要添加新的节点前的子节点。 |
Kembali Nilai
类型 | 描述 |
---|---|
节点对象 | The node you inserted |
rincian teknis
versi DOM | Inti Level 1 Node Object |
---|