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...

25 September 2016

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Mini Bootcamp Backend Laravel 11 Bulan Mei 2024 di DUMET School
Webinar Selanjutnya Mei 2024

Minggu, 26 Mei 2024, 09.00-13.00 WIB

(4 Jam Membuat Backend di Laravel 11)

chat