Menarget Element HTML

Mengakses Element

1. getElementById()

// Mengambil elemen berdasarkan ID
let element = document.getElementById("myElementId");

Metode getElementById() digunakan untuk memilih elemen berdasarkan atribut ID. ID pada elemen HTML haruslah unik, yang berarti tidak boleh ada dua elemen dengan ID yang sama dalam satu halaman. Metode ini mengembalikan elemen pertama yang ditemukan jika ada beberapa elemen dengan ID yang sama.

2. getElementsByClassName()

// Mengambil elemen berdasarkan class
let elements = document.getElementsByClassName("myClassName");

Metode getElementsByClassName() digunakan untuk memilih elemen berdasarkan atribut class. Class pada elemen HTML dapat digunakan oleh beberapa elemen, yang berarti beberapa elemen dapat memiliki class yang sama. Metode ini mengembalikan kumpulan elemen yang ditemukan dengan class yang sesuai.

3. getElementsByTagName()

// Mengambil elemen berdasarkan nama tag
let elements = document.getElementsByTagName("p");

Metode getElementsByTagName() digunakan untuk memilih elemen berdasarkan nama tag. Tag pada elemen HTML juga dapat digunakan oleh beberapa elemen, yang berarti beberapa elemen dapat memiliki tag yang sama. Metode ini mengembalikan kumpulan elemen yang ditemukan dengan tag yang sesuai.

4. querySelector()

// Mengambil elemen berdasarkan query selector
let element = document.querySelector("#myElementId");

Metode querySelector() digunakan untuk memilih elemen berdasarkan query selector CSS. Metode ini mengembalikan elemen pertama yang sesuai dengan selector.

5. querySelectorAll()

// Mengambil semua elemen berdasarkan query selector
let elements = document.querySelectorAll(".myClassName");

Metode querySelectorAll() digunakan untuk memilih semua elemen berdasarkan query selector CSS yang diberikan. Metode ini mengembalikan NodeList yang berisi semua elemen yang sesuai dengan selector.

Penting untuk memastikan bahwa ID, class, atau tag yang digunakan dalam dokumen HTML adalah unik untuk menghindari masalah dalam penggunaan metode ini.