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

Memahami Microservices dengan Laravel

Microservices adalah pendekatan dalam pengembangan perangkat lunak di mana...

Tailwind CSS: Panduan Lengkap dan Keunggulannya

Tailwind CSS adalah salah satu framework CSS yang semakin...

Bagaimana sih cara menjadi Web Developer?

Memulai Karier sebagai Web Developer Meskipun sudah mengetahui berbagai keterampilan...

Laravel 11 : Send Mail by Gmail SMTP

Mengirim Email Menggunakan Gmail SMTP di Laravel 11 Mengirim email...

Cara mendapatkan Kredensial token email

Mendapatkan Credential Token Email di Laravel Dalam aplikasi web modern,...

LEAVE A REPLY

Please enter your comment!
Please enter your name here