Vérifiez si un élément est désactivé à l'aide de JavaScript

Dans les processus de mise à jour d'une page Web ou du site, certaines fonctionnalités doivent être désactivées de temps à autre. Inversement, permettant les fonctionnalités désactivées pour l'utilisation des ressources actuelles. Dans de tels cas, la vérification si un élément est désactivé en utilisant JavaScript aide à accéder efficacement aux éléments, ce qui permet de gagner du temps à la fin du développeur.

Ce blog illustrera les concepts pour vérifier si un élément est désactivé à l'aide de JavaScript.

Comment vérifier si un élément est désactivé en javascript?

Pour vérifier si un élément est désactivé en JavaScript, appliquez les approches suivantes:

• "désactivé" propriété.
• "getAttribute ()" méthode.
• "jquery".

Discutons des approches énoncées une par une!

Approche 1: Vérifiez si un élément est désactivé en JavaScript à l'aide d'une propriété désactivée

Le "désactivé»La propriété désactive l'élément associé. Cette propriété peut être utilisée à côté d'une condition pour appliquer un chèque sur l'élément récupéré pour l'exigence indiquée et exécuter la condition correspondante.

Exemple
Passons par l'exemple suivant:

Dans l'extrait de code ci-dessus:

• Spécifiez un "saisir»Champ de texte ayant les attributs désactivés, ID et espace réservé, respectivement.
• Dans le code JS, accédez à l'élément inclus via son «identifiant" en utilisant le "getElementByid ()" méthode.
• Après cela, associez le «désactivé»Propriété avec l'élément récupéré pour appliquer une condition pour l'exigence indiquée.
• Sur l'état satisfait, la première condition exécutera.
• Dans l'autre scénario, le message contre le «autre»La condition sera affichée.

Sortir

Dans la sortie ci-dessus, on peut observer que l'élément de champ de texte d'entrée est désactivé, comme le montre le modèle d'objet de document (DOM) et la console, respectivement.

Approche 2: Vérifiez si un élément est désactivé en JavaScript à l'aide de la méthode GetAttribute ()

Le "getAttribute ()»La méthode renvoie la valeur de l'attribut d'un élément. Cette méthode peut être appliquée pour effectuer l'exigence indiquée en localisant l'attribut correspondant dans un élément.

Syntaxe

élément.getAttribute (nom)

Dans la syntaxe donnée ci-dessus:

• "nom»Correspond au nom de l'attribut.

Exemple
L'exemple suivant illustre le concept déclaré:

Cliquez sur moi

Dans les lignes de code ci-dessus:

• Tout d'abord, incluez un «bouton"Élément ayant les attributs"identifiant" et "désactivé", respectivement. Ici, attribuez la valeur booléenne "vrai”À l'attribut désactivé.
• Dans le code JavaScript, accédez à l'élément de bouton inclus à l'aide du "getElementByid ()«Méthode, comme discuté.
• Maintenant, appliquez le «getAttribute ()«Méthode pour localiser l'attribut« désactivé »dans l'élément récupéré dans l'étape précédente.
• De même, les conditions correspondantes s'exécuteront sur les exigences satisfaites et insatisfaites.

Sortir

Comme vu ci-dessus, le bouton est désactivé sur le DOM, tout comme le message correspondant sur la console.

Approche 3: Vérifiez si un élément est désactivé en javascript à l'aide de jQuery

Le "jquery»Une approche peut être implémentée pour accéder directement à l'élément incluse et vérifier un attribut particulier.

Exemple
Présentation de l'exemple ci-dessous:

Suivez les étapes indiquées dans les lignes de code ci-dessus:

• Tout d'abord, incluez un élément de zone de texte ayant les attributs indiqués.
• Incluez également le «jquery»Bibliothèque pour utiliser ses fonctionnalités.
• Dans le code JS, accédez à l'élément de la première étape par son «identifiant"Directement.
• Après cela, associez le «att ()»Méthode avec l'élément récupéré tel que l'attribut indiqué dans son paramètre est situé dans l'élément.
• Enfin, le message correspondant sera affiché via la boîte de dialogue d'alerte.

Sortir

Lors de la vérification, l'élément correspondant s'est avéré être désactivé dans la sortie ci-dessus.

Conclusion

Le "désactivé»Propriété, le«getAttribute ()«Méthode, ou le«jquery»Une approche peut être utilisée pour vérifier si un élément est désactivé à l'aide de JavaScript. La propriété désactivée peut être mise en œuvre à côté de la condition pour appliquer un chèque sur l'élément accessible. La méthode getAttribute () effectue l'exigence indiquée en localisant l'attribut correspondant dans un élément. Tandis que l'approche jQuery accède à l'élément et vérifie également un attribut particulier. Ce tutoriel a expliqué comment vérifier si un élément est désactivé en javascript.