


Comment vérifier l'existence d'un élément dans le DOM visible sans compter sur getElementById
Oct 21, 2024 pm 10:20 PMComment déterminer l'existence d'un élément dans le DOM visible
Vous pouvez être confronté à des scénarios dans lesquels vous devez vérifier la présence d'un élément sans compter sur la méthode getElementById. Cet article présente une approche améliorée et fournit un aperçu du comportement des variables JavaScript.
Fonction personnalisée pour la vérification de l'existence d'un élément
Comme démontré dans le code fourni, la récupération d'un élément dans une variable ne garantit pas une référence en direct au DOM. Pour vérifier avec précision l'existence, vous pouvez utiliser une fonction comme isNull(). Cette fonction attribue un ID aléatoire à l'élément, le récupère à l'aide de l'ID attribué, puis supprime l'ID pour éviter les effets secondaires.
Méthodes alternatives
En plus de cette coutume fonction, il existe des options plus simples pour vérifier l'existence d'un élément :
- Méthodes de sélection du navigateur : Des techniques telles que document.getElementById("find-me") ou des méthodes similaires qui renvoient une référence à l'élément ou null peut être utilisé. Pour un résultat booléen, postulez !! avant l'appel de la méthode.
- Autres méthodes de sélection d'éléments : le document propose plusieurs méthodes pour rechercher des éléments, telles que querySelector(), getElementsByClassName(), etc. Vérifiez leurs propriétés de longueur car certaines méthodes (comme NodeList) renvoient des valeurs véridiques même lorsqu'elles sont vides.
Vérification DOM visible
Pour vérifier spécifiquement si un élément réside dans le DOM visible, utilisez la méthode contain() sur les éléments du DOM :
document.body.contains(someReferenceToADomElement);
Cette méthode fournit une vérification d'existence plus précise.
Comprendre le comportement des variables JavaScript
En ce qui concerne la raison pour laquelle les variables JavaScript affichent le comportement observé, l'explication réside dans la nature des variables. Considérez le code :
var myVar = document.getElementById("myElem");
myVar stocke une référence à l'élément, pas une connexion en direct avec celui-ci. Lorsque l'élément est supprimé du DOM, son pointeur de référence dans myVar n'est pas mis à jour. Ainsi, typeof myVar reste "object" et isNull(myVar) renvoie false, indiquant la présence apparente d'un élément malgré sa suppression.
En comprenant ces concepts, vous pouvez vérifier efficacement l'existence d'un élément dans divers scénarios DOM.
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!

Article chaud

Outils chauds Tags

Article chaud

Tags d'article chaud

Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise
Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP

Dreamweaver CS6
Outils de développement Web visuel

SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Sujets chauds

Remplacer les caractères de chaîne en javascript

Tutoriel de configuration de l'API de recherche Google personnalisé

8 Superbes plugins de mise en page JQuery Page

Créez vos propres applications Web Ajax

Qu'est-ce que & # x27; ceci & # x27; en javascript?
