Atribut id 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:

  • Harus mengandung setidaknya satu karakter
  • Tidak boleh mengandung karakter spasi

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