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 menentukan posisi penyisipan newChild nantinya.
Metode Node.insertBefore() di dukung oleh mayoritas 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 adalah 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
