Mengenal Document Object Model JavaScript

JavaScript adalah bahasa pemrograman yang kritis dalam pengembangan web, memungkinkan pembuatan halaman web yang dinamis dan responsif. Dikembangkan oleh Netscape pada tahun 1995, JavaScript awalnya dirancang untuk dijalankan di sisi klien browser, memungkinkan interaktivitas langsung dengan pengguna tanpa perlu me-refresh seluruh halaman. Kemudian, dengan kemunculan Node.js, JavaScript juga dapat dijalankan di sisi server, memberikan kemampuan untuk mengembangkan aplikasi end-to-end menggunakan satu bahasa pemrograman.

JavaScript menggunakan paradigma pemrograman berorientasi objek dan mendukung pendekatan berbasis peristiwa. Dengan fitur-fitur seperti pemrograman asinkron, JavaScript memungkinkan pengembang untuk membuat aplikasi yang cepat dan efisien, terutama dalam pengolahan operasi I/O. Framework dan library JavaScript, seperti React, Angular, dan Vue.js, memberikan alat yang kuat bagi pengembang untuk membangun aplikasi web modern dengan mudah.

Keseluruhan, JavaScript menjadi fondasi utama dalam ekosistem pengembangan web, memainkan peran penting dalam memberikan pengalaman pengguna yang interaktif dan dinamis di berbagai platform.Pada bagian ini, kita akan belajar apa itu DOM JavaScript, fungsinya, sampai cara memanipulasi HTML lewat JavaScript DOM, berikut adalah beberapa jenis selektor DOM

  1. document.getElementById
    Get Element by ID digunakan untuk menyeleksi elemen dengan menggunakan ID pada elemen tersebut.
    Contoh:
    const judul = document.getElementById('judul')
  2. document.getElementByTagName
    Get Element by Class digunakan untuk menyeleksi elemen dengan menggunakan Class pada suatu elemen.
    Contoh:
    const kedua = document.getElementsByTagName('p')
  3. document.getElementByClassName
    Get element by Name digunakan untuk menyeleksi elemen berdasarkan attribute name pada elemen/tag
    Contoh:
    const ketiga = document.getElementsByClassName('ktiga')

Subscribe

Related articles

Web Developer | Pengalaman Magang di Udacoding

Udacoding menjadi salah satu tempat, dimana peserta magang...

Segala Hal yang Perlu Kamu Tahu tentang Dark Theme

Ngomongin mode gelap, kayaknya sekarang lagi jadi yang hits...

TinyMCE: Solusi Praktis untuk Konten Web yang Lebih Interaktif

TinyMCE adalah alat untuk membuat dan mengedit teks di...

LEAVE A REPLY

Please enter your comment!
Please enter your name here