Contoh
Mendapatkan elemen dengan yang ditentukan ID:
document.getElementById("demo");
Cobalah sendiri " Lebih "Try it Yourself" contoh di bawah ini.
Definisi dan Penggunaan
The getElementById() metode mengembalikan elemen yang memiliki ID atribut dengan nilai yang ditentukan.
Metode ini adalah salah satu metode yang paling umum di DOM HTML, dan digunakan hampir setiap kali Anda ingin memanipulasi, atau mendapatkan info dari, sebuah elemen pada dokumen Anda.
Mengembalikan null jika tidak ada elemen dengan ID ditentukan ada.
ID harus unik dalam suatu halaman. Namun, jika lebih dari satu elemen dengan ID yang ditentukan ada, getElementById() metode mengembalikan elemen pertama dalam kode sumber.
Dukungan Browser
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung metode ini.
| metode | |||||
|---|---|---|---|---|---|
| getElementById() | iya nih | iya nih | iya nih | iya nih | iya nih |
Sintaksis
document.getElementById( elementID )Nilai parameter
| Parameter | Mengetik | Deskripsi |
|---|---|---|
| elementID | String | Wajib. The ID nilai atribut dari elemen Anda ingin mendapatkan |
Rincian teknis
| DOM Versi: | Inti Level 2 Document Object |
|---|---|
| Kembali Nilai: | Sebuah Elemen Object, yang mewakili unsur dengan tertentu ID. Mengembalikan null jika tidak ada elemen dengan ID ditentukan ada |
Contoh lebih
Contoh
Mendapatkan elemen dengan id = "demo" dan mengubah warna:
var x = document.getElementById("demo"); // Get the element with
id="demo"
x.style.color = "red";
// Change the color of the element Cobalah sendiri " Pages terkait
CSS Tutorial: CSS Selectors
CSS Referensi: CSS #ID Selector
HTML DOM Referensi: HTML DOM id Property
HTML DOM Referensi: HTML DOM Style Object