Metode Node.insertBefore() (Core Level 1) menyisipkan newChildNode ke dalam daftar children Node ini, dan posisi penyisipannya sebelum refChildNode.
Sintaks:
Node.insertBefore(newChild, refChild)
Parameter newChild berisi Node yang ingin disisipkan. Parameter refChild memilih posisi penyisipan newChild nantinya.
Metode Node.insertBefore() di dukung oleh lebih banyak didominasi browser: IE, Opera, Firefox, Google Chrome, dan Safari.
Contoh di bawah ini menyisipkan <LI>Mango</LI> di depan child node pertama elemen UL:
<UL ID="myul"><LI>Banana</LI><LI>Orange</LI></UL> <SCRIPT TYPE="text/javascript"> var newElemNode = document.createElement("LI"); var newTextNode = document.createTextNode("Mango"); newElemNode.appendChild(newTextNode) var myList = document.getElementById("myul"); myList.insertBefore(newElemNode, myList.childNodes[0]); </SCRIPT>
Jika refChildNode yakni null, newChildNode akan disisipkan pada urutan terakhir di dalam daftar children:
<UL ID="myul"><LI>Banana</LI><LI>Orange</LI></UL> <SCRIPT TYPE="text/javascript"> var newElemNode = document.createElement("LI"); var newTextNode = document.createTextNode("Mango"); newElemNode.appendChild(newTextNode) var myList = document.getElementById("myul"); myList.insertBefore(newElemNode, null); </SCRIPT>
Coba jalankan demo di bawah ini:
Banana
Orange
Demikian yang dapat kami share kepada sobat source code aplikasi pada kesempatan ini, semoga dapat bermanfaat dan bisa menjadi referensi pemrograman bagi anda. Jangan lupa like Fan Page kami, dan SUBSCRIBE Channel Youtube kami untuk dapatkan update source code aplikasi terbaru.
Properti Node.attributes (Core Level 1) mengembalikan semua atribut dari Node ini sebagai objek NamedNodeMap. Sintaks: Node.attributes Properti Node.attributes di dukung...
Properti Node.baseURI (Core Level 3) mengembalikan DOMString yang mengatakan absolute base URI dari Node. Sintaks: Node.baseURI Properti Node.baseURI di dukung...
Properti Node.childNodes (Core Level 1) mengembalikan semua child node dari Node ini sebagai objek NodeList. Sintaks: Node.childNodes Properti Node.childNodes di...