Maison >interface Web >tutoriel HTML >Spécifie l'attribut id unique de l'élément HTML

Spécifie l'attribut id unique de l'élément HTML

黄舟
黄舟original
2017-11-03 11:49:303613parcourir

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn