Sprawdź, czy ciało ma określoną klasę za pomocą JavaScript

Podczas projektowania strony internetowej lub witryny może istnieć możliwość sortowania podobnych funkcjonalności w stosunku do dedykowanej klasy na końcu programisty. Na przykład przydzielenie konkretnej strony internetowej do tego samego elementu, ale z odrębną klasą, aby sprawić, że rzeczy są istotne. W takich sytuacjach sprawdzanie, czy ciało ma określoną klasę, pomaga w łatwym dostępie do różnych funkcji i w procesach aktualizacji.

W tym artykule pokazuje podejścia do sprawdzenia, czy ciało ma określoną klasę za pomocą JavaScript.

Jak sprawdzić, czy ciało ma określoną klasę za pomocą JavaScript?

Aby sprawdzić, czy ciało ma określoną klasę za pomocą JavaScript, zastosuj następujące podejścia:

• "Lista klas”Własność i„zawiera()" metoda.
• "getElementsBaTagname ()" I "mecz()”Metody.
• "JQuery".

Zilustrujmy każde podejścia jeden po drugim!

Podejście 1: Sprawdź, czy ciało ma określoną klasę w JavaScript za pomocą właściwości klasowej i zawiera metody ()

„„Lista klas„Właściwość podaje nazwy klas CSS elementu. Natomiast "zawiera()”Metoda daje true, jeśli węzeł jest potomkiem. Te metody można zastosować, aby uzyskać dostęp do zawartej klasy w powiązanym elemencie.

Składnia

węzeł.zawiera (desnode)

W powyższej składni:

• "desnode”Odpowiada potomku węzła powiązanego węzła.

Przykład
Miejmy przegląd poniżej podanego przykładu:

To jest strona internetowa Linuxhint

Zastosuj poniżej podane kroki, jak podano w powyższym kodzie:

• Po pierwsze, dołącz „„Element mający atrybut zestawu”klasa".
• Dodaj także nagłówek w konkretnym elemencie ().
• W kodzie JS zastosuj „Lista klas„Nieruchomość w połączeniu z„zawiera()" metoda.
• Będzie to spowodowane dostępem do klasy powiązanych „”Element oparty na określonej nazwie klasy w parametrze metody.
• Według zadowolonego warunku „Jeśli„Warunek zostanie wykonany.
• Przeciwnie, „w przeciwnym razie„Blok kodu instrukcji zostanie wykonany.

Wyjście

W powyższym wyjściu można zauważyć, że konkretna klasa jest zawarta w „" element.

Podejście 2: Sprawdź, czy ciało ma określoną klasę w JavaScript za pomocą metod getelementsBaTagname () i Match ()

„„getElementsBaTagname ()”Metoda zawiera zbiór wszystkich elementów o określonej nazwie tagu. „„mecz()”Metoda pasuje do określonej wartości do ciągu. Metody te można wykorzystać do dostępu do wymaganego elementu przez jego tag i sprawdzenie określonej klasy.

Składnia

dokument.getElementsByTagname (tag)

W dostarczonej składni:

• "etykietka”Reprezentuje nazwę znacznika elementu.

Przykład
Poniższy przykład pokazuje omówioną koncepcję:

W powyższym fragmencie kodu:

• Podobnie, zawiera „”Element o określonej klasie.
• Zawieraj także obraz o ustawionych wymiarach w określonym elemencie w poprzednim kroku.
• W wierszach kodu JavaScript uzyskaj dostęp do „”Element po swoim znaczniku za pomocą„getElementsBaTagname ()" metoda.
• „„[0]”Wskazuje, że pierwszy element odpowiadający określonym znaczniku w poprzednim kroku zostanie pobrany.
• „„Nazwa klasy„Własność i„ „mecz()„Metoda będzie pasować do podanej klasy w swoim parametrze w stosunku do„" element.
• Poprzednie stwierdzenie w „Jeśli„Warunek zostanie wykonany po zadowoleniu wszystkich warunków w poprzednich krokach.
• W przeciwnym razie ta ostatnia instrukcja zostanie wyświetlona.

Wyjście

Powyższe wyjście wskazuje, że zastosowany warunek dla określonej klasy jest spełniony.

Podejście 3: Sprawdź, czy ciało ma określoną klasę w JavaScript za pomocą JQuery

Takie podejście można wdrożyć w celu bezpośredniego dostępu do wymaganego elementu i zlokalizować konkretną klasę przy nim za pomocą jej metody po prostu.

Przykład
Przejdźmy przez podany przykład:

if ($ („ciało”).HASCLASS („zawiera”))
Alert („element ciała ma klasę”)

w przeciwnym razie
Alert („element ciała nie ma klasy”)

W powyższych wierszach kodu:

• Zawierać "JQuery„Biblioteka do wykorzystania swoich funkcji.
• Podobnie uwzględnij „”Element o podanej klasie.
• Dodaj także „”Element w określonym elemencie w poprzednim kroku.
• W kodzie JS uzyskaj dostęp do „" element. Zastosuj także „HASCLASS ()„Metoda wyszukiwania podanej klasy w pobieranym elemencie.
• To spowoduje powiadomienie poprzednie przesłanie o zadowolonym stanie.
• W drugim przypadku zostanie wyświetlona ta ostatnia instrukcja.

Wyjście

Powyższe wyjście sugeruje, że pożądany wymóg został osiągnięty.

Wniosek

„„Lista klas”Własność i„zawiera()„Metoda,„getElementsBaTagname ()" I "mecz()”Metody lub„JQuery”Można użyć do sprawdzenia, czy ciało ma określoną klasę za pomocą JavaScript. Podejścia te można wykorzystać do wyszukiwania konkretnej klasy w elemencie, odwołując się bezpośrednio do odpowiedniego elementu, przez jego znacznik lub przy użyciu metody jQuery. Ten blog wyjaśnił, czy ciało ma określoną klasę w JavaScript