Sprawdź, czy element jest wyłączony za pomocą JavaScript
Ten blog ilustruje koncepcje, aby sprawdzić, czy element jest wyłączony za pomocą JavaScript.
Jak sprawdzić, czy element jest wyłączony w JavaScript?
Aby sprawdzić, czy element jest wyłączony w JavaScript, zastosuj następujące podejścia:
- "wyłączony" nieruchomość.
- "getAttribute ()" metoda.
- "JQuery".
Omówmy podane podejścia jeden po drugim!
Podejście 1: Sprawdź, czy element jest wyłączony w JavaScript za pomocą właściwości wyłączonej
„„wyłączony”Właściwość wyłącza powiązany element. Ta właściwość można wykorzystać wraz z warunkami do zastosowania kontroli na pobieranym elemencie pod kątem określonego wymogu i wykonania odpowiedniego warunku.
Przykład
Przejdźmy do następującego przykładu:
W powyższym fragmencie kodu:
- Określić „wejście”Pole tekstowe mające odpowiednio wyłączone atrybuty, identyfikator i symbol zastępczy.
- W kodzie JS uzyskaj dostęp do dołączonego elementu za pośrednictwem „ID" używając "getElementById ()" metoda.
- Następnie skojarz „wyłączony„Własność z pobieranym elementem, aby zastosować warunek dla określonego wymogu.
- Według zadowolonego warunku, poprzedni warunek zostanie wykonany.
- W drugim scenariuszu przesłanie przeciwko „w przeciwnym razie”Warunki zostanie wyświetlone.
Wyjście
W powyższym wyjściu można zaobserwować, że element pola tekstowego wejściowego jest wyłączony, jak widać odpowiednio w modelu obiektu dokumentu (DOM) i konsoli.
Podejście 2: Sprawdź, czy element jest wyłączony w JavaScript za pomocą metody getAttribute ()
„„getAttribute ()”Metoda zwraca wartość atrybutu elementu. Tę metodę można zastosować do wykonania określonego wymogu, zlokalizując odpowiedni atrybut w elemencie.
Składnia
element.getAttribute (nazwa)W powyższej składni:
- "nazwa”Odpowiada nazwie atrybutu.
Przykład
Poniższy przykład ilustruje podaną koncepcję:
W powyższych wierszach kodu:
- Po pierwsze, dołącz „przycisk„Element mający atrybuty”ID" I "wyłączony”Odpowiednio. Tutaj przypisz wartość logiczną „PRAWDA”Do atrybutu wyłączonego.
- W kodzie JavaScript uzyskaj dostęp do dołączonego elementu przycisku za pomocą „getElementById ()”Metoda, jak omówiono.
- Teraz zastosuj „getAttribute ()„Metoda zlokalizowania atrybutu„ niepełnosprawnego ”w pobieranym elemencie w poprzednim kroku.
- Podobnie odpowiednie warunki będą wykonywać spełnione i niezadowolone wymagania.
Wyjście
Jak widać powyżej, przycisk jest wyłączony na DOM, podobnie jak odpowiadająca wiadomość na konsoli.
Podejście 3: Sprawdź, czy element jest wyłączony w JavaScript za pomocą JQuery
„„JQuery”Można wdrożyć podejście, aby uzyskać dostęp do dołączonego elementu i sprawdzić konkretny atrybut.
Przykład
Przeglądajmy poniższy przykład:
Postępuj zgodnie z określonymi krokami w powyższych wierszach kodu:
- Po pierwsze, dołącz element obszaru tekstowego o podanych atrybutach.
- Uwzględnij także „JQuery„Biblioteka do wykorzystania swoich funkcji.
- W kodzie JS uzyskaj dostęp do elementu na pierwszym etapie „ID„Bezpośrednio.
- Następnie skojarz „attr ()”Metoda z pobieranym elementem tak, że podany atrybut w jego parametrze znajduje się w elemencie.
- Na koniec odpowiedni komunikat zostanie wyświetlony za pośrednictwem okna dialogowego alertu.
Wyjście
Po weryfikacji odpowiedni element okazał się wyłączony w powyższym wyjściu.
Wniosek
„„wyłączony„Nieruchomość,„getAttribute ()„Metoda lub„JQuery„Podejście można zastosować do sprawdzenia, czy element jest wyłączony za pomocą JavaScript. Nieprawidłową właściwość można zaimplementować wraz z warunkami, aby zastosować kontrolę dostępu do dostępnego elementu. Metoda getAttribute () wykonuje określone wymaganie poprzez zlokalizowanie odpowiedniego atrybutu w elemencie. Podczas gdy podejście jQuery uzyskuje dostęp do elementu i również sprawdza w nim konkretny atrybut. Ten samouczek wyjaśnił, jak sprawdzić, czy element jest wyłączony w JavaScript.