Überprüfen Sie, ob ein IMG SRC mit JavaScript leer ist

Bei der Gestaltung einer attraktiven Webseite oder einer attraktiven Website können bestimmte Bilder und Effekte angewendet werden, um eine Website hervorzuheben. In einem solchen Fall wird der Prozess der Überprüfung, ob die Bilder in einer Webseite enthalten sind oder nicht manuell aufweist und zeitaufwändig. Sie können JavaScript jedoch in einer solchen Situation verwenden, um mit den angegebenen Anforderungen Schritt zu halten und Zeit effektiv zu sparen.

Dieser Artikel zeigt die Ansätze, um zu überprüfen, ob ein IMG -SRC in JavaScript leer ist

So überprüfen Sie, ob ein IMG SRC mit JavaScript leer ist?

Um zu überprüfen, ob ein IMG SRC mit JavaScript leer ist, nähert sich die folgenden Ansätze in Kombination mit dem “GetAttribute ()”Methode kann verwendet werden:

• “logischer Operator (!)”.
• “Null" Datentyp.

Lassen Sie uns jeden der Ansätze nacheinander diskutieren!

Ansatz 1: Überprüfen Sie, ob ein IMG -SRC im JavaScript mit dem logischen Operator leer ist (!)

Der "GetAttribute ()Die Methode gibt den Wert des Attributs eines Elements an. Während die „logischen“ Operatoren verwendet werden, um die Logik zwischen den Variablen oder Werten zu analysieren. Insbesondere das „logische Nicht (!) ”Operator kann verwendet werden, um zu überprüfen, ob ein bestimmtes Attribut in einem Element enthalten ist oder leer ist.

Syntax

Element.GetAttribute (Name)

In der angegebenen Syntax:

• “Name”Bezieht sich auf den Namen des Attributs.

Beispiel 1: Überprüfen Sie auf ein einzelnes SRC -Attribut in einem Bild
In diesem Beispiel ein spezifisches Attribut, ich.e., SRC, wird auf die angegebene Anforderung überprüft:

In den obigen Codezeilen:

• Geben Sie zunächst das an “"Element mit dem angegebenen"Ausweis”.
• Greifen Sie im JS -Code im JS -Code auf das angegebene Bildelement zu "Ausweis" Verwendung der "GetElementById ()" Methode.
• Wenden Sie im nächsten Schritt die anGetAttribute ()”Methode Angabe des Attributs“src”Als Parameter, der auf die angegebene Anforderung überprüft wird.
• Danach anwenden Sie die “ansonstenBedingung, so dass die erstere Erklärung in der “angegeben ist“Wenn"Zustand wird auf dem" angezeigt "srcDas Attribut ist im abgerufenen Bild leer.
• Im anderen Szenario das “andersBedingung wird ausgeführt.

Ausgang

In der obigen Ausgabe kann beobachtet werden, dass das “srcDas Attribut im Bild ist leer.

Beispiel 2: Überprüfen Sie in den Bildern auf mehrere SRC -Attribute
In diesem Beispiel zwei Bilder mit leer und nicht leerer “srcAttribute werden überprüft:

Wenden Sie die folgenden Schritte im obigen Code -Snippet an:

• Geben Sie zunächst das an “"Element mit dem angegebenen"Ausweis”Als Attribut.
• Ebenso ein anderer einschließen “”Element mit dem“src" Und "Ausweis”Attribute jeweils.
• Greifen Sie im JavaScript -Code auf beide enthaltenen Bilder von ihren enthaltenen "IDS" im "GetElementById ()" Methode.
• Danach anwenden Sie die “GetAttribute ()Methode auf jedem der abgerufenen Bilder, um das zu lokalisierensrc”Attribut.
• Wenden Sie nun die Bedingung an, um dies zu überprüfen, wenn das “src"Attribut ist nicht in beiden Bildern enthalten, die erstere Anweisung wird mit Hilfe des" angezeigt "&&" Operator.
• Im anderen Szenario das “andersBedingung wird ausgeführt.

Ausgang

Es ist zu sehen, dass das “srcDas Attribut in beiden Bildern ist nicht leer, wie in der Nachricht auf der Konsole angegeben.

Ansatz 2: Überprüfen Sie, ob ein SRC in einem IMG in JavaScript mit Null DataType leer ist.

Der "NullDatentyp bezeichnet einen Nullwert. Dieser Datentyp kann in Kombination mit der “verwendet werdenGetAttribute ()”Methode und die“Gleichheit (==)Operator, um die angegebene Anforderung zu überprüfen, indem der Wert null zugewiesen wirdsrc”Attribut und überprüfen es.

Beispiel
Das folgende Beispiel zeigt das angegebene Konzept:

Implementieren Sie nun die folgenden Schritte im obigen Code -Snippet:

• Erinnern Sie sich an die diskutierten Ansätze, um die aufzunehmenElement und abrufen über die “GetElementById ()" Methode.
• Danach greifen Sie auch auf die “zu"src”Attribut aus dem abgerufenen Bild mit der“GetAttribute ()" Methode.
• Überprüfen Sie im nächsten Schritt, ob das SRC -Attribut im Bild mit Hilfe des “leer istNull" Wert.
• Falls die zugefügte Bedingung erfüllt ist, ist der Code in "hinzugefügt" hinzugefügtWennBlock wird ausgeführt. In dem anderen Szenario ähnlich das “andersBedingung wird in Kraft treten.

Ausgang

Die obige Ausgabe bedeutet, dass die angegebene Anforderung erfüllt ist.

Abschluss

Der "GetAttribute ()Methode in Kombination mit dem “logisch" Operator(!) oder der "NullDer Datentyp kann verwendet werden, um zu überprüfen, ob ein IMG -SRC in JavaScript leer ist. Der frühere Ansatz kann implementiert werden, um nach dem zu überprüfensrc”Attribut direkt auf einzelne und mehrere Bilder. Der letztere Ansatz kann angewendet werden, um die gewünschte Anforderung durch Zuweisen eines “durchzuführen“NullWert für das abgerufene Attribut und bestätigen Sie es. In diesem Blog wird erläutert, wie man überprüft, ob ein SRC in einem IMG mit JavaScript leer ist.