Maison > interface Web > js tutoriel > Les éléments peuvent-ils avoir des identifiants commençant par des chiffres ?

Les éléments peuvent-ils avoir des identifiants commençant par des chiffres ?

Mary-Kate Olsen
Libérer: 2024-11-11 09:02:03
original
148 Les gens l'ont consulté

Can elements have IDs that start with numbers?

Les éléments peuvent-ils avoir des identifiants commençant par des chiffres ?

Oui, HTML permet aux éléments d'avoir des identifiants commençant par des chiffres. Cependant, l'utilisation de tels identifiants peut compliquer les interactions CSS et JavaScript.

Limitations des sélecteurs CSS :

Les identifiants numériques nécessitent un échappement dans les sélecteurs CSS, à l'aide d'une barre oblique inverse () suivie de le code de caractère hexadécimal du ou des chiffres. Par exemple, pour sélectionner un élément avec l'ID « 12 », vous utiliserez #3132.

Prise en charge et compatibilité des navigateurs :

Alors que les navigateurs modernes prennent en charge les identifiants commençant par nombres, leur utilisation n'est pas recommandée en raison de problèmes potentiels avec les sélecteurs CSS.

Impact sur les interactions JavaScript :

En JavaScript, les éléments peuvent être récupérés à l'aide de document.getElementById( ). Toutefois, si l'ID commence par un chiffre, celui-ci doit être placé entre guillemets. Par exemple, pour accéder à un élément avec l'ID "12", vous utiliserez document.getElementById("12").

Meilleures pratiques :

Pour éviter le complexités associées aux identifiants numériques, il est conseillé de commencer les identifiants par des lettres et d'éviter d'utiliser des chiffres purs. Cela améliore la lisibilité, simplifie l'utilisation de CSS et JavaScript et garantit la compatibilité entre les navigateurs.

Exemple :

Voici un exemple utilisant un élément avec l'ID « 12 » :

Notez que l'ID est cité en JavaScript car il commence par un chiffre.

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!

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
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal