Sprawdź, czy IMG SRC jest pusty za pomocą JavaScript

Podczas projektowania atrakcyjnej strony internetowej lub witryny można zastosować niektóre obrazy i efekty, aby witryna się wyróżniała. W takim przypadku proces sprawdzania, czy obrazy są zawarte na stronie internetowej, czy nie ręcznie, staje się trudny i czasochłonny. Możesz jednak użyć JavaScript w takiej sytuacji, aby nadążyć za danymi wymaganiami i skutecznie zaoszczędzić czas.

W tym artykule pokazuje podejścia do sprawdzenia, czy IMG SRC jest pusty w JavaScript

Jak sprawdzić, czy IMG SRC jest pusty za pomocą JavaScript?

Aby sprawdzić, czy IMG SRC jest pusty za pomocą JavaScript, następujące podejścia w połączeniu z „getAttribute ()„Można zastosować metodę:

• "operator logiczny (!)".
• "zero" typ danych.

Omów każde z podejść jeden po drugim!

Podejście 1: Sprawdź, czy IMG SRC jest pusty w JavaScript za pomocą operatora logicznego (!)

„„getAttribute ()„Metoda daje wartość atrybutu elementu. Podczas gdy operatory „logiczne” są używane do analizy logiki między zmiennymi lub wartościami. Mówiąc dokładniej, „nie logiczne (!) ”Operator można wykorzystać do sprawdzenia, czy dany atrybut jest uwzględniony lub pusty w elemencie.

Składnia

element.getAttribute (nazwa)

W podanej składni:

• "nazwa”Odnosi się do nazwy atrybutu.

Przykład 1: Sprawdź pojedynczy atrybut SRC na obrazie
W tym przykładzie określony atrybut, i.mi., SRC, zostanie sprawdzony pod kątem określonego wymogu:

W powyższych wierszach kodu:

• Po pierwsze, określ „„Element o podaniu„ID".
• W kodzie JS uzyskaj dostęp do określonego elementu obrazu według jego „ID" używając "getElementById ()" metoda.
• W następnym kroku zastosuj „getAttribute ()„Metoda określająca atrybut„src”Jako jego parametr, który zostanie sprawdzony pod kątem określonego wymogu.
• Następnie zastosuj „Jeśli inaczej”Warunek, że poprzednie stwierdzenie określone w„Jeśli„Warunek jest wyświetlany na„src„Atrybut jest pusty na pobieranym obrazie.
• W drugim scenariuszu „w przeciwnym razie„Warunek zostanie wykonany.

Wyjście

W powyższym wyjściu można zaobserwować, że „src”Atrybut na obrazie jest pusty.

Przykład 2: Sprawdź wiele atrybutów SRC na obrazach
W tym przykładzie dwa obrazy mają puste i nieokreślone ”src„Atrybuty zostaną sprawdzone:

Zastosuj następujące kroki w powyższym fragmencie kodu:

• Po pierwsze, określ „„Element o podaniu„ID”Jako jego atrybut.
• Podobnie, dołącz inny „„Element o„src" I "ID”Odpowiednio atrybuty.
• W kodzie JavaScript Dostęp oba zawierały obrazy według ich „IDS" w "getElementById ()" metoda.
• Następnie zastosuj „getAttribute ()„Metoda na każdym z pobieranych obrazów, aby zlokalizować„src" atrybut.
• Teraz zastosuj warunek, aby sprawdzić, czy „src„Atrybut nie jest zawarty w obu obrazach, poprzednie instrukcje jest wyświetlane za pomocą„&&„Operator.
• W drugim scenariuszu „w przeciwnym razie”Warunek wykonuje.

Wyjście

Widać, że „src”Atrybut na obu obrazach nie jest pusty, jak określono w wiadomości na konsoli.

Podejście 2: Sprawdź, czy SRC w IMG jest pusty w JavaScript za pomocą NULL DataType.

„„zero„Typ danych oznacza wartość zerową. Ten typ danych można wykorzystać w połączeniu z „getAttribute ()”Metoda i„Równość (==)„Operator sprawdzający podany wymóg poprzez przydzielanie wartości null do„src”Atrybut i weryfikacja.

Przykład
Poniższy przykład ilustruje podaną koncepcję:

Teraz zaimplementuj następujące kroki w powyższym fragmencie kodu:

• Przypomnij o omówionym podejściu do włączenia „„Element i pobieranie go przez„getElementById ()" metoda.
• Po tym podobnie dostęp do „src”Atrybut z pobieranego obrazu za pomocą„getAttribute ()" metoda.
• W następnym kroku sprawdź, czy atrybut SRC na obrazie jest pusty za pomocą „zero" wartość.
• W przypadku spełnienia dodanego warunku, kod dodany w „Jeśli„Blok zostanie wykonany. Podobnie w drugim scenariuszu „w przeciwnym razie„Warunek wejdzie w życie.

Wyjście

Powyższe dane wyjściowe oznacza, że ​​podane wymóg jest spełniony.

Wniosek

„„getAttribute ()„Metoda w połączeniu z„logiczny„Operator (!) albo "zero”Typ danych można użyć do sprawdzenia, czy IMG SRC jest pusty w JavaScript. Poprzednie podejście można wdrożyć w celu sprawdzenia „src”Atrybut bezpośrednio na pojedynczych i wielu obrazach. To ostatnie podejście można zastosować do wykonania pożądanego wymogu, przypisując „zero„Wartość do pobieranego atrybutu i potwierdzanie go. Ten blog wyjaśnia, jak sprawdzić, czy SRC w IMG jest pusty za pomocą JavaScript.