Atribut id HTML
- Dukungan Halaman Sebelumnya
- Halaman Berikutnya inert
- Kembali ke Tengah Atribut Global HTML
Definisi dan Penggunaan
id
Properti ini menentukan id unik dari elemen HTML (nilai ini harus unik di dalam dokumen HTML).
id
Properti ini paling sering digunakan untuk mengarahkan ke gaya di dalam lembar gaya, serta untuk mengoperasikan elemen yang memiliki id tertentu melalui JavaScript (melalui HTML DOM).
id
Properti ini juga dapat digunakan sebagai ancur tautan (link anchor).
Lihat Juga:
Pelajaran HTML:HTML id
Pelajaran HTML:Atribut HTML
Pelajaran CSS:Syntaks CSS
Panduan CSS:CSS #id Pemilih
Panduan HTML DOM:Metode HTML DOM getElementById()
Panduan HTML DOM:Properti HTML DOM id
Panduan HTML DOM:Objek Style DOM HTML
Contoh
Contoh 1
Gunakan properti id untuk mengubah teks melalui JavaScript:
<html> <body> <h1 id="myHeader">Hello World!</h1> <button onclick="displayResult()">Ubah Teks</button> <script> function displayResult() { document.getElementById("myHeader").innerHTML = "Have a nice day!"; } </script> </body> </html>
Beberapa contoh lainnya disediakan di bawah halaman.
Sintaks
<element id="id">
Nilai Properti
Nilai | Deskripsi |
---|---|
id |
Tentukan id untuk elemen. Aturan penamaan:
|
Beberapa Contoh Lainnya
Contoh 2
Gunakan properti id untuk menghubungkan ke elemen yang memiliki id yang ditentukan di halaman:
<html> <body> <h2><a id="top">Judul Yang Ditetapkan</a></h2> <p>Banyak teks...</p> <p>Banyak teks...</p> <p>Banyak teks...</p> <a href="#top">Kembali ke Atas</a> </body> </html>
例子 3
Contoh 3: Gunakan atribut id untuk memformat teks melalui CSS:
<html> <head> <style> #myHeader { color: red; text-align: center; } </style> </head> <body> <h1 id="myHeader">CodeW3C.com adalah yang terbaik!</h1> </body> </html>
Coba Sendiri
Dukungan Peramban | Chrome | Edge | Firefox | Safari |
---|---|---|---|---|
Dukungan Peramban | Chrome | Edge | Firefox | Safari |
Opera | Opera | Opera | Opera | Opera |
- Dukungan Halaman Sebelumnya
- Halaman Berikutnya inert
- Kembali ke Tengah Atribut Global HTML