communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > js tutoriel > Les ID d'éléments HTML sont-ils des propriétés globales en JavaScript ?

Les ID d'éléments HTML sont-ils des propriétés globales en JavaScript ?

DDD
Libérer： 2024-12-25 02:14:08
original
381 Les gens l'ont consulté

Are HTML Element IDs Global Properties in JavaScript?

L'attribut ID des éléments de l'arborescence DOM en fait-il des propriétés globales ?

Dans les navigateurs en particulier comme Internet Explorer et Chrome, les éléments HTML avec un L'ID attribué est accessible en tant que noms de variables ou propriétés de l'objet fenêtre. Par exemple, un

L'élément avec l'ID "example" peut être récupéré en utilisant soit example.innerHTML ou window["example"].innerHTML.

Cependant, ce comportement n'est pas prévu et doit être considéré comme un piège potentiel. Comme indiqué dans la réponse détaillée, les navigateurs ajoutent des éléments nommés en tant que propriétés de l'objet document (et dans le cas d'IE, de l'objet fenêtre également), ce qui constitue une mauvaise décision de conception car elle permet aux noms d'éléments d'entrer en conflit avec les propriétés existantes de ceux-ci. objets.

Pour éviter ce problème, il est fortement recommandé de s'en tenir à l'utilisation de document.getElementById pour la récupération des éléments. Cette méthode est largement prise en charge et apporte de la clarté à votre code. Si le nom plus long pose problème, vous pouvez créer une fonction wrapper plus courte au lieu de vous fier au comportement involontaire de la recherche ID-élément.

Il est important de noter que la pratique consistant à rendre les éléments nommés accessibles en tant que global -les variables de type est en cours de formalisation en HTML5, y compris le placement de ces éléments sur les propriétés du document et de la fenêtre. Cependant, malgré la standardisation, cela reste une pratique qu'il vaut mieux éviter au profit de méthodes plus robustes et sans ambiguïté comme document.getElementById.

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
Article précédent：Les fonctions asynchrones renvoient-elles toujours des promesses ? Article suivant：Comment déclencher des téléchargements de fichiers de manière asynchrone avec Ajax ?
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
Derniers numéros
function_exists() ne peut pas déterminer la fonction personnalisée Function test () {return true;} if (function_exists ('test')) {echo "le test est une ...
Depuis 2024-04-29 11:01:01
0
3
2304
Comment afficher la version mobile de Google Chrome Bonjour professeur, comment puis-je changer Google Chrome en version mobile ?
Depuis 2024-04-23 00:22:19
0
11
2434
La fenêtre enfant exploite la fenêtre parent, mais la sortie ne répond pas. Les deux premières phrases sont exécutables, mais la dernière ne peut pas être implémentée...
Depuis 2024-04-19 15:37:47
0
1
2049
Il n'y a aucune sortie dans la fenêtre parent document.onclick = function(){ window.opener.document.write('Je suis la sortie de la fenêt...
Depuis 2024-04-18 23:52:34
0
1
1932
Où sont les didacticiels sur la cartographie mentale CSS ? Didacticiel
Depuis 2024-04-16 10:10:18
0
0
2003
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal