Attribut d' identifiant HTML
Exemple
Utilisez l'attribut id pour manipuler du texte avec 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>
Plus d'exemples "Essayez-le vous-même" ci-dessous.
Définition et utilisation
L' idattribut spécifie un identifiant unique pour un élément HTML (la valeur doit être unique dans le document HTML).
L' idattribut est surtout utilisé pour pointer vers un style dans une feuille de style, et par JavaScript (via le DOM HTML) pour manipuler l'élément avec l'id spécifique.
Prise en charge du navigateur
| Attribute | |||||
|---|---|---|---|---|---|
| id | Yes | Yes | Yes | Yes | Yes |
Syntaxe
<element id="id">
Valeurs d'attribut
| Value | Description |
|---|---|
| id | Specifies a unique id for the element.
Naming rules:
|
Plus d'exemples
Exemple 1
Utilisez l'attribut id pour créer un lien vers un élément avec un identifiant spécifié dans une page :
<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>
Exemple 2
Utilisez l'attribut id pour styliser le texte avec CSS :
<html>
<head>
<style>
#myHeader {
color: red;
text-align: center;
}
</style>
</head>
<body>
<h1 id="myHeader">W3Schools is the best!</h1>
</body>
</html>
Pages connexes
Tutoriel HTML : identifiant HTML
Tutoriel HTML : Attributs HTML
Tutoriel CSS : Syntaxe CSS
Référence CSS : Sélecteur CSS #id
Référence HTML DOM : Méthode HTML DOM getElementById()
Référence HTML DOM : propriété id HTML DOM
Référence HTML DOM : objet de style HTML DOM