Dokumen HTML DOM getElementById()
Contoh
Dapatkan elemen dengan id yang ditentukan:
document.getElementById("demo");
Dapatkan elemen dan ubah warnanya:
const myElement = document.getElementById("demo");
myElement.style.color = "red";
Atau ubah saja warnanya:
document.getElementById("demo").style.color = "red";
Definisi dan Penggunaan
Metode getElementById()
mengembalikan elemen dengan nilai tertentu.
Metode getElementById()
kembali null
jika elemen tidak ada.
Metode getElementById()
tersebut merupakan salah satu metode yang paling umum dalam DOM HTML. Ini digunakan hampir setiap kali Anda ingin membaca atau mengedit elemen HTML.
Catatan
Setiap id harus unik, tetapi:
Jika ada dua atau lebih elemen dengan id yang sama , getElementById()
kembalikan yang pertama.
Lihat juga:
Metode getElementsByTagName() Dokumen
Metode getElementsByClassName() Dokumen
Sintaksis
document.getElementById(elementID)
Parameter
Parameter | Description |
id | Required. The id value of an element. |
Nilai Kembali
Jenis | Keterangan |
Obyek | Elemen dengan id yang ditentukan. null jika elemen tersebut tidak ada. |
Halaman Terkait:
Tutorial CSS: Sintaks CSS
Referensi CSS: Pemilih #id CSS
Referensi DOM HTML: Properti id DOM HTML
Referensi DOM HTML: Objek Gaya DOM HTML
Dukungan Peramban
document.getElementById()
adalah fitur DOM Level 2 (2001).
Ini didukung penuh di semua browser:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |