Überprüfen Sie, ob ein Element mit JavaScript deaktiviert ist
In diesem Blog werden die Konzepte veranschaulicht, um zu überprüfen, ob ein Element mit JavaScript deaktiviert ist.
So überprüfen Sie, ob ein Element in JavaScript deaktiviert ist?
Um zu überprüfen, ob ein Element in JavaScript deaktiviert ist, wenden Sie die folgenden Ansätze an:
- “Behinderte" Eigentum.
- “GetAttribute ()" Methode.
- “JQuery”.
Lassen Sie uns die angegebenen Ansätze nacheinander diskutieren!
Ansatz 1: Überprüfen Sie, ob ein Element mithilfe einer deaktivierten Eigenschaft in JavaScript deaktiviert ist
Der "BehinderteEigenschaft deaktiviert das zugehörige Element. Diese Eigenschaft kann neben einer Bedingung verwendet werden, um eine Überprüfung auf das abgerufene Element für die angegebene Anforderung anzuwenden und die entsprechende Bedingung auszuführen.
Beispiel
Lassen Sie uns das folgende Beispiel durchlaufen:
Im obigen Code -Snippet:
- Angeben eine “EingangTextfeld mit den Attributen deaktiviert, ID bzw. Platzhalter mit Deaktivieren.
- Greifen Sie im JS -Code über das enthaltene Element auf das enthaltene Element zu “Ausweis" Verwendung der "GetElementById ()" Methode.
- Danach verbinden Sie die “BehinderteEigenschaft mit dem abgerufenen Element, um eine Bedingung für die angegebene Anforderung anzuwenden.
- Nach dem zufriedenen Zustand wird die erstere Bedingung ausführen.
- Im anderen Szenario die Nachricht gegen die “andersBedingung wird angezeigt.
Ausgang
In der obigen Ausgabe kann beobachtet werden, dass das Eingangstextfeldelement deaktiviert ist, wie im Dokumentobjektmodell (DOM) bzw. der Konsole ersichtlich.
Ansatz 2: Überprüfen Sie, ob ein Element in JavaScript mithilfe der GetAtTribute () -Methode deaktiviert ist
Der "GetAttribute ()Die Methode gibt den Wert des Attributs eines Elements zurück. Diese Methode kann angewendet werden, um die angegebene Anforderung durchzuführen, indem das entsprechende Attribut in einem Element lokalisiert wird.
Syntax
Element.GetAttribute (Name)In der oben gegebenen Syntax:
- “Name”Entspricht dem Namen des Attributs.
Beispiel
Das folgende Beispiel zeigt das angegebene Konzept:
In den obigen Codezeilen:
- Zunächst einfügen eine “Taste"Element mit den Attributen"Ausweis" Und "Behinderte", bzw. Hier zuweisen Sie den Booleschen Wert “WAHR”Auf das behinderte Attribut.
- Greifen Sie im JavaScript -Code auf das mit dem enthaltene Schaltflächenelement mit der “zu, indem Sie mit dem„ „GetElementById ()Methode, wie erörtert.
- Wenden Sie nun das an “anGetAttribute ()Methode, um das Attribut "deaktiviert" im vorherigen Schritt im abgerufenen Element zu lokalisieren.
- Ebenso werden die entsprechenden Bedingungen auf die zufriedenen und unzufriedenen Anforderungen ausgeführt.
Ausgang
Wie oben zu sehen, ist die Taste auf der DOM deaktiviert, ebenso wie die entsprechende Nachricht auf der Konsole.
Ansatz 3: Überprüfen Sie, ob ein Element mit JQuery in JavaScript deaktiviert ist
Der "JQueryDer Ansatz kann implementiert werden, um direkt auf das enthaltene Element zuzugreifen und nach einem bestimmten Attribut zu überprüfen.
Beispiel
Überlegen wir das untergegebene Beispiel:
Befolgen Sie die angegebenen Schritte in den obigen Codezeilen:
- Geben Sie zunächst ein Textbereichselement mit den angegebenen Attributen an.
- Schließen auch die “einJQueryBibliothek, um ihre Funktionen zu nutzen.
- Greifen Sie im JS -Code im ersten Schritt durch den JS -Code auf das Element zu "Ausweis" direkt.
- Danach verbinden Sie die “attr ()Methode mit dem abgerufenen Element, so dass sich das angegebene Attribut in seinem Parameter im Element befindet.
- Schließlich wird die entsprechende Nachricht über das Alarmdialogfeld angezeigt.
Ausgang
Bei Überprüfung erwies sich das entsprechende Element als deaktiviert in der obigen Ausgabe als deaktiviert.
Abschluss
Der "Behinderte”Eigentum, die“GetAttribute ()Methode oder die “JQueryDer Ansatz kann verwendet werden, um zu überprüfen, ob ein Element mit JavaScript deaktiviert wird. Die deaktivierte Eigenschaft kann neben der Bedingung implementiert werden, um eine Überprüfung auf das aufgerufene Element anzuwenden. Die Methode GetAtTribute () führt die angegebene Anforderung durch, indem das entsprechende Attribut in einem Element lokalisiert wird. Während der JQuery -Ansatz auf das Element zugreift und ebenfalls nach einem bestimmten Attribut darin überprüft wird. In diesem Tutorial wurde erläutert, wie man überprüft, ob ein Element in JavaScript deaktiviert ist.