Maison  >  Article  >  interface Web  >  L'identifiant est-il unique dans le document HTML ?

L'identifiant est-il unique dans le document HTML ?

青灯夜游
青灯夜游original
2021-12-14 11:15:164003parcourir

id doit être unique dans le document HTML. Dans un document HTML, tout élément (nœud) a un attribut id. L'attribut id est l'identifiant unique du nœud et est l'identifiant « unique » lors de la spécification des opérations DOM pour un nœud, de sorte que la valeur id ne peut pas être répétée dans le même nœud. document ; Si l'identifiant n'est pas unique, cela entraînera des problèmes lors de l'utilisation du DOM.

L'identifiant est-il unique dans le document HTML ?

L'environnement d'exploitation de ce tutoriel : système Windows 7, version HTML5, ordinateur Dell G3. L'attribut

id spécifie l'identifiant unique de l'élément HTML.

id doit être unique dans le document HTML.

Dans un document HTML, tout élément (nœud) a un attribut id. L'attribut id est l'identifiant unique du nœud, c'est l'identifiant "unique" lors de la spécification des opérations DOM pour un nœud, donc la valeur id ne peut pas être utilisée. dans le même document.

ID n'a rien à voir avec la façon dont la page est rendue. Le fait que le rendu soit correct dépend de la structure et du style du document (voici la feuille de style par défaut du navigateur + une règle de style que vous avez écrite), il peut donc être affiché normalement.

Mais les identifiants non uniques causeront des problèmes lors de l'utilisation du DOM.

<html>
<head>

<style type="text/css">
#txtName {background:red;}
</style>

<script type="text/javascript">

function GetValue()
{
var a = document.getElementById(&#39;txtName&#39;).value;
alert(a);
}

</script>
</head>
<body >

姓名:<input type="text" id="txtName" /> </br>

密码:<input type="text" id="txtName" /> </br>

<input type="button" value="获取id=txtName的文本框的值" onclick="GetValue();" />

</body>
</html>

Parmi eux :

var a = document.getElementById(&#39;txtName&#39;).value;

obtient la valeur du label de ID="txtName" Le résultat est que la valeur de la première zone de texte apparaît, indiquant que le navigateur ne prend que la valeur du premier label avec cet ID. est le suivant :

Lidentifiant est-il unique dans le document HTML ?

Résumé : S'il y a le même identifiant, javascript ne prendra que la première balise avec cet identifiant.

Tutoriel recommandé : "Tutoriel vidéo HTML"

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