Attribut id HTML


Exemple

Utilisez l'attribut id pour manipuler du texte avec JavaScript :

<html>
<body>

<h1 id="myHeader">Bonjour le monde !</h1>
<button onclick="displayResult()">Changer le texte</button>

<script>
function displayResult() {
document.getElementById("myHeader").innerHTML = "Bonne journée !";
}
</script>

</body>
</html>
Essayez-le vous-même »

Vous trouverez ci-dessous d'autres exemples "Essayez-le vous-même".

Définition et Utilisation

L'attribut id spécifie un identifiant unique pour un élément HTML (la valeur doit être unique dans le document HTML).

L'attribut id est principalement 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'identifiant spécifique.

Support des Navigateurs

Attribut
id Oui Oui Oui Oui Oui

Syntaxe

< élément id=" id ">

Valeurs d'Attribut

Valeur Description
id Spécifie un identifiant unique pour l'élément. Règles de nommage :
  • Doit contenir au moins un caractère
  • Ne doit pas contenir d'espaces

Plus d'Exemples

Exemple 1

Utilisez l'attribut id pour lier à un élément avec un identifiant spécifié dans une page :

<html>
<body>

<h2><a id="top">Un titre</a></h2>

<p>Beaucoup de texte....</p>
<p>Beaucoup de texte....</p>
<p>Beaucoup de texte....</p>

<a href="#top">Aller en haut</a>

</body>
</html>
Essayez-le vous-même »

Exemple 2

Utilisez l'attribut id pour styliser du texte avec CSS :

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

<h1 id="myHeader">formation-ti.org est le meilleur !</h1>

</body>
</html>
Essayez-le vous-même »

Pages Associées

Tutoriel HTML : HTML id

Tutoriel HTML : Attributs HTML

Tutoriel CSS : Syntaxe CSS

Référence CSS : Sélecteur CSS #id

Référence DOM HTML : Méthode getElementById() du DOM HTML

Référence DOM HTML : Propriété id du DOM HTML

Référence DOM HTML : Objet Style du DOM HTML