HTML id 属性

Definisi dan penggunaan

id Properti ini menentukan id unik bagi elemen HTML (nilai ini mesti unik di dalam dokumen HTML).

id Properti ini paling sering digunakan untuk menunjuk gaya di dalam stylesheet, serta untuk mengoperasikan elemen yang memiliki id tertentu melalui JavaScript (melalui HTML DOM).

id Properti ini juga boleh digunakan sebagai pautan (link anchor).

Lihat juga:

Tutorial HTML:HTML id

Tutorial HTML:HTML 属性

Tutorial CSS:CSS 语法

Panduan CSS:CSS #id Pemilih

Panduan HTML DOM:Metode HTML DOM getElementById()

Panduan HTML DOM:Properti HTML DOM id

Panduan HTML DOM:HTML DOM Style 对象

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 = "Berikan hari yang bagus!";
}
</script>
</body>
</html>

亲自试一试

Lebih banyak contoh disediakan di bawah halaman.

sintaks

<element id="id">

nilai properti

nilai deskripsi
id

Tentukan satu id unik bagi elemen. Aturan penamaan:

  • Mesti mengandungi sekurang-kurangnya satu aksara
  • Tidak boleh mengandungi sebarang aksara ruang

Lebih banyak contoh

Contoh 2

Gunakan properti id untuk menghubungkan ke elemen yang memiliki id yang ditentukan di halaman dalam:

<html>
<body>
<h2><a id="top">tajuk tertentu</a></h2>
<p>ramai ramai teks ....</p>
<p>ramai ramai teks ....</p>
<p>ramai ramai teks ....</p>
<a href="#top">kembali ke atas</a>
</body>
</html>

亲自试一试

contoh 3

使用 id 属性通过 CSS 样式化文本：

<html>
<head>
<style>
#myHeader {
  color: red;
  text-align: center;
}
</style>
</head>
<body>
<h1 id="myHeader">CodeW3C.com 是最棒的！</h1>
</body>
</html>

亲自试一试

浏览器支持

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 支持 支持 支持 支持