Exemple
Utiliser l'identifiant attribut pour modifier un morceau de texte via JavaScript :
<html>
<head>
<script type="text/javascript">
function change_header()
{
document.getElementById("myHeader").innerHTML="Nice day!";
}
</script>
</head>
<body>
<h1 id="myHeader">Hello World!</h1>
<button onclick="change_header()">Change text</button>
</body>
</html>
亲自试一试Définition et utilisation
L'attribut id spécifie l'identifiant unique de l'élément HTML.
id doit être unique dans le document HTML. L'attribut
id peut être utilisé comme ancre de lien pour modifier ou ajouter des styles à un élément avec un identifiant spécifié via JavaScript (HTML DOM) ou via CSS.
Supporté
W3C : La colonne "W3C" indique si l'attribut est défini dans les recommandations HTML/XHTML du W3C.
| IE | Firefox | Opera | Safari | W3C |
| YES | YES | YES | YES | YES |
Syntaxe
<element id="value">
| 值 | 描述 |
| id | 规定元素的唯一 id。 |
Il peut y avoir plusieurs raisons d'utiliser l'attribut id
Vous souhaitez créer un lien vers un page
Vous souhaitez utiliser un style CSS spécifique sur un certain élément HTML
Vous souhaitez utiliser un style CSS spécifique le style CSS pour chaque élément HTML utilise un script (tel que javascript)
Vous devez distinguer deux éléments HTML identiques
Exemple
<div id="dreamdu1">使用dreamdu1和dreamdu2来区分两个div标签<div><div id="dreamdu2">使用dreamdu1和dreamdu2来区分两个div标签<div>
Explication
Le même attribut que l'attribut id est name. Cet attribut peut être utilisé dans les documents HTML4. Ainsi, lors de l'utilisation du. Attribut de nom Les types de définition transitionnelle XHTML (xhtml1-transitional.dtd) doivent être utilisés et ne peuvent pas être utilisés dans les types de définition stricte XHTML (xhtml1-strict.dtd)
attribut id dans la page entière et feuille de style CSS. Elle doit être la seule, la meilleure et la seule de tout le site
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
