HTML id Attribute

Contoh

Gunakan id atribut untuk memanipulasi teks dengan JavaScript:

<html>
<body>

<h1 id="myHeader">Hello World!</h1>
<button onclick="displayResult()">Change text</button>

<script>
function displayResult() {
document.getElementById("myHeader").innerHTML = "Have a nice day!";
}
</script>

</body>
</html>

Cobalah sendiri "

Lebih "Cobalah Sendiri" contoh di bawah ini.

Definisi dan Penggunaan

The id atribut menentukan unik id untuk elemen HTML (nilai harus unik dalam dokumen HTML).

The id atribut yang paling sering digunakan untuk menunjuk ke gaya dalam style sheet, dan oleh JavaScript (melalui DOM HTML) untuk memanipulasi elemen dengan spesifik id .

Dukungan Browser

Atribut
id	iya nih	iya nih	iya nih	iya nih	iya nih

Perbedaan Antara HTML 4.01 dan HTML5

Di HTML5, id atribut dapat digunakan padasetiap elemen HTML (akan memvalidasi pada setiap elemen HTML. Namun, itu belum tentu berguna).

Dalam HTML 4.01, yang id atribut tidak dapat digunakan dengan: <base>, <head>, <html>, <meta>, <param>, <script>, <style> , dan <title> .

Catatan: HTML 4.01 memiliki pembatasan lebih besar pada isi id nilai (misalnya, dalam HTML 4.01 id nilai tidak dapat memulai dengan angka).

Sintaksis

<elementid="id">

atribut Nilai

Nilai	Deskripsi
id	Menentukan unik id untuk elemen. Penamaan aturan: Harus mengandung setidaknya satu karakter Harus tidak mengandung karakter spasi Dalam HTML, semua nilai adalah case-sensitive

Contoh lebih

contoh 1

Gunakan id atribut untuk link ke sebuah elemen dengan tertentu id dalam suatu halaman:

<html>
<body>

<h2><a id="top">Some heading</a></h2>

<p>Lots of text....</p>
<p>Lots of text....</p>
<p>Lots of text....</p>

<a href="#top">Go to top</a>

</body>
</html>

Cobalah sendiri "

contoh 2

Gunakan id atribut untuk gaya teks dengan CSS:

<html>
<head>
<style>
#myHeader {
color: red;
text-align: center;
}
</style>
</head>
<body>

<h1 id="myHeader">w3ii is the best!</h1>

</body>
</html>

Cobalah sendiri "