Manchmal müssen Sie den Wert des angegebenen Attributs eines beliebigen Elements für die Anwendung verschiedener Funktionen abrufen oder überprüfen. Zu diesem Zweck hat das JavaScript vordefiniert “GetAttribute ()”Methode wird verwendet. Es ruft den Wert des jeweiligen Attributs im Element ab, und wenn es nicht gefunden wird, gibt es “Null”.
Dieser Beitrag wird das JavaScript demonstrieren "GetAttribute ()" Methode.
Was ist das Element?.GetAttribute () -Methode in JavaScript?
Der "GetAttribute ()„Methode wird verwendet, um den Wert des angegebenen Attributs eines HTML -Elements abzurufen. Es gibt "NullWenn das angegebene Attribut nicht gefunden wird.
Syntax
Verwenden Sie die folgende Syntax für die “GetAttribute ()" Methode:
Element.getAttribute (Attributename)Beispiel
Erstellen Sie in einer HTML -Datei eine Überschrift mit einem "H4" -Element in einem "Div" -Element:
Holen Sie sich die Referenz eines Elements “div"Verwenden der zugewiesenen ID"div" mit der Hilfe von "GetElementById ()" Methode:
const element = document.GetElementById ('Div');Ruf den "GetAttribute ()"Methode und ein Argument bestehen"Stil”Um den Wert des Style -Attributs zu erhalten:
const styleattribute = Element.getAttribute ('style');Drucken Sie den Wert des Style -Attributs auf der Konsole mit der „Konsole.Protokoll()" Methode:
Konsole.log ("Der Wert des 'Style' -Attributs von Div ist:" + styleattribute);Wie Sie sehen können, zeigt die Ausgabe die “anText-Align: Mitte;Das ist der Wert des Stilattributs des Div -Elements:
Holen Sie sich nun den Wert der “Klasse”Attribut auf das DIV -Element durch Übergabe“Klasse”Als Argument:
const classattribute = Element.getAttribute ('Klasse');Drucken Sie zum Schluss den Wert des angegebenen Attributs auf der Konsole:
Konsole.log ("Der Wert des" Klasse "-attributs von Div ist:" + classAttribute);Es gibt "NullDas zeigt an, dass das angegebene Attribut im Element nicht gefunden wird:
Das dreht sich um die Methode von GetAtTribute () in JavaScript.
Abschluss
Der "GetAttribute ()"Methode wird zum Abrufen der" verwendet "Wert”Eines bestimmten Attributs eines HTML -Elements. Wenn das angegebene Attribut nicht gefunden wird, gibt es “Null”. Dieser Beitrag zeigte die Verwendung des JavaScripts “GetAttribute ()" Methode.