HTML -id- kenmerk
Voorbeeld
Gebruik het id-attribuut om tekst te manipuleren met 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>
Meer "Probeer het zelf" voorbeelden hieronder.
Definitie en gebruik
Het idattribuut specificeert een unieke id voor een HTML-element (de waarde moet uniek zijn binnen het HTML-document).
Het idattribuut wordt het meest gebruikt om naar een stijl in een stylesheet te verwijzen en door JavaScript (via de HTML DOM) om het element met de specifieke id te manipuleren.
Browserondersteuning
| Attribute | |||||
|---|---|---|---|---|---|
| id | Yes | Yes | Yes | Yes | Yes |
Syntaxis
<element id="id">
Attribuutwaarden
| Value | Description |
|---|---|
| id | Specifies a unique id for the element.
Naming rules:
|
Meer voorbeelden
voorbeeld 1
Gebruik het id attribuut om te linken naar een element met een gespecificeerde id binnen een pagina:
<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>
Voorbeeld 2
Gebruik het id-attribuut om tekst op te maken met CSS:
<html>
<head>
<style>
#myHeader {
color: red;
text-align: center;
}
</style>
</head>
<body>
<h1 id="myHeader">W3Schools is the best!</h1>
</body>
</html>
Gerelateerde pagina's
HTML-zelfstudie: HTML-id
HTML-zelfstudie: HTML-kenmerken
CSS-zelfstudie: CSS-syntaxis
CSS-referentie: CSS #id Selector
HTML DOM-referentie: HTML DOM getElementById()-methode
HTML DOM-referentie: HTML DOM-id-eigenschap
HTML DOM-referentie: HTML DOM-stijlobject