Sjekk om et element er deaktivert ved hjelp av JavaScript

I oppdateringsprosessene på en webside eller nettstedet, må visse funksjonaliteter deaktiveres fra tid til annen. Motsatt, muliggjør funksjonshemmede funksjonaliteter for utnyttelse av dagens ressurser. I slike tilfeller, sjekk om et element er deaktivert ved bruk av JavaScript, hjelper til med å få tilgang til elementene effektivt, og dermed spare tid på utviklerens slutt.

Denne bloggen vil illustrere konseptene for å sjekke om et element er deaktivert ved hjelp av JavaScript.

Hvordan sjekke om et element er deaktivert i JavaScript?

For å sjekke om et element er deaktivert i JavaScript, bruk følgende tilnærminger:

• “funksjonshemmet”Eiendom.
• “getAttribute ()”Metode.
• “jQuery”.

La oss diskutere de uttalte tilnærmingene en etter en!

Tilnærming 1: Sjekk om et element er deaktivert i JavaScript ved hjelp av funksjonshemmede eiendommer

“funksjonshemmet”Eiendom deaktiverer det tilhørende elementet. Denne egenskapen kan brukes sammen med en betingelse for å bruke en sjekk på det hentede elementet for det angitte kravet og utføre den tilsvarende tilstanden.

Eksempel
La oss gå gjennom følgende eksempel:

I ovennevnte kodebit:

• Spesifiser en “inngang”Tekstfelt med henholdsvis attributtene deaktivert, ID og plassholder.
• I JS -koden får tilgang til det inkluderte elementet via dets “id" bruker "getElementById ()”Metode.
• Etter det, knytter “funksjonshemmet”Eiendom med det hentet elementet for å anvende en betingelse for det angitte kravet.
• Ved fornøyd tilstand vil den tidligere tilstanden utføre.
• I det andre scenariet, meldingen mot “ellers”Tilstanden vises.

Produksjon

I output ovenfor kan det observeres at inngangstekstfeltelementet er deaktivert, som tydelig i henholdsvis dokumentobjektsmodellen (DOM) og konsollen.

Tilnærming 2: Sjekk om et element er deaktivert i JavaScript ved hjelp av getAttribute () -metode

“getAttribute ()”Metode returnerer verdien av et elements attributt. Denne metoden kan brukes for å utføre det oppgitte kravet ved å finne den tilsvarende attributtet i et element.

Syntaks

element.getAttribute (navn)

I den ovennevnte syntaks:

• “Navn”Tilsvarer attributtens navn.

Eksempel
Følgende eksempel illustrerer det uttalte konseptet:

Klikk på meg

I kodelinjene ovenfor:

• For det første, inkluder en "knapp”Element som har attributtene”id”Og“funksjonshemmet”, Henholdsvis. Her, tilordne den boolske verdien “ekte”Til funksjonshemmede attributt.
• I JavaScript -koden får du tilgang til det medfølgende knappelementet ved å bruke "getElementById ()”Metode, som diskutert.
• Nå, bruk “getAttribute ()”Metode for å lokalisere attributtet“ deaktivert ”i det hentede elementet i forrige trinn.
• På samme måte vil de tilsvarende forholdene utføre de fornøyde og utilfredse kravene.

Produksjon

Som sett ovenfor, er knappen deaktivert på DOM, og det samme er den tilsvarende meldingen på konsollen.

Tilnærming 3: Sjekk om et element er deaktivert i JavaScript ved hjelp av jQuery

“jQuery”Tilnærming kan implementeres for å få tilgang til det inkluderte elementet direkte og sjekke for en bestemt attributt.

Eksempel
La oss oversikt over det undergitte eksemplet:

Følg de uttalte trinnene i kodelinjene:

• For det første, inkluder et tekstområdeelement som har de oppgitte attributtene.
• Inkluder også “jQuery”Bibliotek for å utnytte funksjonalitetene.
• I JS -koden får du tilgang til elementet i det første trinnet med dets “id”Direkte.
• Etter det, knytter “attr ()”Metode med det hentede elementet slik at det oppgitte attributtet i parameteren er lokalisert i elementet.
• Til slutt vises den tilsvarende meldingen via varslingsdialogboksen.

Produksjon

Ved bekreftelse viste det tilsvarende elementet seg å være deaktivert i output ovenfor.

Konklusjon

“funksjonshemmet”Eiendom,“getAttribute ()”Metode, eller“jQuery”Tilnærming kan brukes til å sjekke om et element er deaktivert ved hjelp av JavaScript. Den funksjonshemmede egenskapen kan implementeres ved siden av betingelsen for å bruke en sjekk på det tilgjengelige elementet. GetAttribute () -metoden utfører det oppgitte kravet ved å lokalisere den tilsvarende attributtet i et element. Mens jQuery -tilnærmingen får tilgang til elementet og på samme måte sjekker for en bestemt attributt i den. Denne opplæringen forklarte hvordan du kan sjekke om et element er deaktivert i JavaScript.