Maison > interface Web > Questions et réponses frontales > L'identifiant est-il unique dans le document HTML ?

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

青灯夜游
Libérer: 2021-12-14 11:15:16
original
4045 Les gens l'ont consulté

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>
Copier après la connexion

Parmi eux :

var a = document.getElementById(&#39;txtName&#39;).value;
Copier après la connexion

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal