Mengenal Method CreateElement, QuerySelector Dan AppendChild Dalam JavaScript

Sebagai bahasa yang berperan untuk memanipulasi DOM, JavaScript memiliki sangat banyak fungsi yang harus kita pelajari. Dalam artikel ini saya akan memperkenalkan 3 method yang paling sering dipakai pada JavaScript, yakni createElement(), querySelector dam appendChild(). Berikut adalah contoh penggunaannya.

Silahkan kalian buat tag div.container dan di bawahnya buat tag script.

Di dalam tag script, pertama kita akan menggunakan method createElement().

Perhatikan sintaks di bawah, createElement() berfungsi untuk membuat DOM/tag HTML. Kemudian kita memberikan atribut-atribut seperti class, id, src dll.

Kita lihat pada console browser (F12).

Untuk menampilkan pada browser, kita akan gunakan tag div.container sebagai wadahnya. 

Perhatikan sintaks di bawah, querySelector(), berfungsi untuk menadapatkan element HTML berdasarkan selector CSS (class, id, nama tag). Mirip seperti getElementById(). Sedangkan appendChild(), berfungsi untuk menyematkan object pada tag HTML untuk ditampilkan pada browser.

Here it is...