HTML kimliği Özelliği
Örnek
JavaScript ile metni işlemek için id niteliğini kullanın:
<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>
Aşağıda daha fazla "Kendiniz Deneyin" örnekleri.
Tanım ve Kullanım
Nitelik id, bir HTML öğesi için benzersiz bir kimlik belirtir (değer, HTML belgesi içinde benzersiz olmalıdır).
Nitelik id, en çok, bir stil sayfasındaki bir stile işaret etmek için ve JavaScript tarafından (HTML DOM aracılığıyla) belirli bir kimliğe sahip öğeyi işlemek için kullanılır.
Tarayıcı Desteği
| Attribute | |||||
|---|---|---|---|---|---|
| id | Yes | Yes | Yes | Yes | Yes |
Sözdizimi
<element id="id">
Özellik Değerleri
| Value | Description |
|---|---|
| id | Specifies a unique id for the element.
Naming rules:
|
Daha fazla örnek
örnek 1
Bir sayfada belirtilen kimliğe sahip bir öğeye bağlanmak için id niteliğini kullanın:
<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>
Örnek 2
Metne CSS ile stil vermek için id niteliğini kullanın:
<html>
<head>
<style>
#myHeader {
color: red;
text-align: center;
}
</style>
</head>
<body>
<h1 id="myHeader">W3Schools is the best!</h1>
</body>
</html>
İlgili Sayfalar
HTML Eğitimi: HTML kimliği
HTML Eğitimi: HTML Nitelikleri
CSS Eğitimi: CSS Sözdizimi
CSS Referansı: CSS #id Seçici
HTML DOM Referansı: HTML DOM getElementById() Yöntemi
HTML DOM Referansı: HTML DOM kimliği Özelliği
HTML DOM Referansı: HTML DOM Stil Nesnesi