Pada kesempatan kali ini saya akan menjelaskan cara menggunakan insertBefore di javascript. Perlu teman-teman ketahui sebelumnya, insertBefore adalah fungsi JavaScript yang dapat digunakan untuk menambahkan element sebelum element lainnya atau menambahkan element diawal dari element yang ditentukan. Fungsi tersebut bekerja untuk HTML DOM, dan perlu teman-teman ketahui lagi sebelumnya, Document Object Model atau yang biasa disingkat dengan DOM adalah object model standar untuk HTML dan XML yang bersifat platform independent. Sebuah web browser tidak harus menggunakan DOM untuk menampilkan dokumen HTML. Namun DOM diperlukan oleh JavaScript yang akan mengubah tampilan sebuah website secara dinamis. Dengan kata lain, DOM adalah cara JavaScript melihat suatu halaman HTML.

W3C mulai mengembangkan DOM pada awal 1990-an. Pada bulan Oktober 1998, DOM 1 diluncurkan. Spesifikasi DOM W3C terbagi menjadi beberapa tingkat. Sebuah halaman yang mendukung suatu level harus menerapkan semua persyaratan level tersebut dan di bawahnya.

Sebelum ada standar DOM dari W3C, masing-masing web browser memiliki DOM sendiri. Akibatnya, bila suatu website ingin ditampilkan secara cross-browser compatible, ia harus dirancang untuk setiap web browser yang akan didukung. DOM standar mempermudah pengembangan aplikasi web. Untuk contoh cara menggunakan insertBefore di JavaScript, teman-teman bisa ikuti tahapan pada contoh di bawah ini.

Berikut Tahapannya

  • Teman-teman buat terlebih dahulu satu buah file dengan nama index.html, dan ketikan kode seperti berikut

  • Jika sudah teman-teman save file index.html tersebut, dan lihat hasilnya di Browser kesayangan teman-teman
  • Maka outputnya seperti pada gambar berikut

Cara Menggunakan insertBefore Di JavaScript

  • Seperti yang terlihat pada hasil tersebut, dimana element paragraf yang saya kasih tanda warna merah akan bertambah secara otomatis sebelum element paragraf yang ada di bawahnya.

Sampai disini penjelasan saya mengenai cara menggunakan insertBefore di javascript, semoga bermanfaat.