Löschen Sie das IMG SRC -Attribut mit JavaScript
Während des Entwerfens einer interaktiven Webseite oder einer interaktiven Website kann von Zeit zu Zeit zwischen verschiedenen Elementen der Übergang zwischen verschiedenen Elementen gewechselt werden. Zum Beispiel beim Hinzufügen von CAPTCHA- und Bilderkennungstechniken oder beim Ausblenden eines bestimmten Elements für die entsprechende Nutzung des DOMM -Modells (Dokumentobjektmodells)). In solchen Fällen ist das Clearing IMG SRC -Attribut von Vorteil, um das zugängliche Dokumentendesign zu gewährleisten und die Website hervorzuheben.
In diesem Blog wird erklärt.
So löschen Sie das IMG -SRC -Attribut mit JavaScript?
Um das IMG SRC -Attribut mit JavaScript zu löschen, können die folgenden Ansätze verwendet werden:
-
- “removeTtribute ()" Methode.
- “Anzeige" Eigentum.
- “Sichtweite" Eigentum.
Folgen wir jedem der Ansätze nacheinander!
Ansatz 1: Löschen Sie das IMG -SRC -Attribut in JavaScript mithilfe von removeTtribute () -Methoden
Der "removeTtribute ()Die Methode entfernt das Attribut aus einem Element. Diese Methode kann verwendet werden, um ein bestimmtes Attribut zu löschen.
Syntax
Element.removeTtribute (Name)
In der angegebenen Syntax:
-
- “Name”Bezieht sich auf den Namen des Attributs.
Beispiel
Folgen wir dem folgenden Beispiel:
Im obigen Code -Snippet:
-
- Geben Sie das angegebene Bild mit dem angegebenen “an“Ausweis" und das "src”Attribut.
- Erstellen Sie auch eine Taste mit einem angehängten “ONCLICKEreignis, das die Funktion clearattribute () anruft.
- Definieren Sie im JavaScript -Code eine Funktion namens “ClearAttribute ()”.
- Greifen Sie in seiner Definition auf das enthaltene Bild über “zu“Ausweis" Verwendung der "GetElementById ()" Methode.
- Schließlich wenden Sie das an “removeTtribute ()Methode zum Entfernen der “srcAttribut, das dazu führt, dass das Bild auf der Schaltfläche Klick gelöscht wird.
Ausgang
Die obige Ausgabe bedeutet, dass das in der angegebene Bild “angegeben istsrcDas Attribut wird auf der Schaltfläche Klick gelöscht.
Ansatz 2: Löschen Sie das IMG SRC -Attribut in JavaScript mithilfe der Anzeigeeigenschaft
Der "AnzeigeDie Eigenschaft gibt den Anzeigeart des zugehörigen Elements zurück. Diese Eigenschaft kann verwendet werden, um dem entsprechenden Element einen Wert zuzuweisen, sodass das enthaltene Attribut auf der Schaltfläche Klick gelöscht wird.
Syntax
Objekt.Stil.Anzeige = Wert
In der angegebenen Syntax:
-
- “Wert”Bezieht sich auf den zugewiesenen Wert der Anzeigeeigenschaft.
Beispiel
Überlegen wir das folgende Beispiel:
Implementieren Sie in den obigen Codezeilen die folgenden Schritte:
-
- Erinnern Sie sich an die Ansätze, um ein Bild über das aufzunehmensrcAttribut und Erstellen einer Schaltfläche mit einer "ONCLICK" Fall.
- Definieren Sie im JavaScript -Code die Funktion “ClearAttribute ()”.
- In seiner Definition greifen Sie in ähnlicher Weise auf das enthaltene Bild mit der “zu"GetElementById ()" Methode.
- Zuletzt den Wert zuweisen “keiner”In die Anzeigeeigenschaft. Dies führt dazu, dass das in der angegebene Bild gelöscht wirdsrc”Attribut.
Ausgang
Der obige Ausgang zeigt an, dass die gewünschte Funktionalität erreicht wird.
Ansatz 3: Löschen Sie das IMG SRC -Attribut in JavaScript mithilfe der Sichtbarkeitseigenschaft
Der "SichtweiteEigenschaft weist den Wert so zu, dass ein Element sichtbar wird oder nicht. Diese Eigenschaft kann implementiert werden, um das zugehörige Element zu verbergen, wodurch das in der “angegebene Bild deaktiviert wirdsrc”Attribut im Element.
Syntax
Objekt.Stil.Sichtbarkeit = Wert
In der oben gegebenen Syntax:
-
- “Wert”Zeigt auf den zugewiesenen Wert auf das zugehörige Element.
Beispiel
Das folgende Beispiel zeigt das angegebene Konzept:
In den obigen Codezeilen:
-
- Geben Sie auch das angegebene Bild mit dem angegebenen “an“Ausweis" und das "src”Attribut.
- Achten Sie auch auf eine “ONCLICKEreignis mit der erstellten Taste, die zur Funktion clearAttribute () umgeleitet wird.
- Definieren Sie im JavaScript -Teil des Codes eine Funktion namens “ClearAttribute ()”.
- In ähnlicher Weise greifen Sie hier mit der “auf das mitgelieferte Bild zuGetElementById ()" Methode.
- Schließlich den Wert zuweisen “versteckt”Zu dem zugehörigen Element, ich.e., Bild.
- Dies wird das im in der angegebene Bild ausgebildetsrcAttribut und damit auf die Schaltfläche Klicken Sie löschen.
Ausgang
Das angegebene Bild wird bei der Schaltfläche Klicken von DOM gelöscht, wodurch die “gelöscht wirdsrc”Attribut.
Abschluss
Der "removeTtribute ()”Methode, die“Anzeige”Eigentum oder die“SichtweiteEigenschaft kann angewendet werden, um das IMG -SRC -Attribut mit JavaScript zu löschen. Die Methode removeTtribute () kann verwendet werden, um das zu entfernen. “srcAttribut, das auch dazu führt, dass das angegebene Bild darin gelöscht wird. Die Anzeigeeigenschaft verbirgt die Anzeige. Die Sichtbarkeitseigenschaft verbirgt das zugeordnete Element, das zum Löschen des enthaltenen “führt“srcAttribut auch. Dieser Blog wird geführt, um das IMG SRC -Attribut in JavaScript zu löschen.