Heim > Artikel > Web-Frontend > HTML-DOM-Methode getAttributeNode()
HTML-DOM-Methode getAttributeNode()
- WBOYnach vorne
- 2023-08-26 13:21:101229Durchsuche
HTML DOM getAttributeNode() wird verwendet, um den Attributknoten des angegebenen Elements als Attr-Objekt zurückzugeben. Sie können Attribute mithilfe verschiedener Attr-Objekteigenschaften und -Methoden bearbeiten.
Syntax
Das Folgende ist die Syntax der getAttributeNode()-Methode -
element.getAttributeNode(attributename)
Hier ist attributename ein obligatorischer Parameter vom Typ String, der den Attributnamen angibt, den wir zurückgeben möchten.
Beispiel
Sehen wir uns eine Beispielmethode von getAttributeNode() an –
<!DOCTYPE html>
<html>
<head>
<script>
function getAttrNode(){
var a = document.getElementsByTagName("a")[0].getAttributeNode("href");
var val=a.value;
document.getElementById("Sample").innerHTML = val;
}
</script>
</head>
<body>
<h1>getAttributeNode() example</h1>
<a href="https://www.google.com">GOOGLE</a>
<p>Get the href attribute value of the above link by clicking the below button</p>
<button onclick="getAttrNode()">GET</button>
<p id="Sample"></p>
</body>
</html>Ausgabe
Dadurch wird die folgende Ausgabe erzeugt –
Wenn auf die Schaltfläche „Get“ geklickt wird –
Im obigen Beispiel Medium -
Wir erstellen zunächst ein Ankerelement, dessen href-Attributwert auf „https://www.google.com“ gesetzt ist.
<a href="https://www.google.com">GOOGLE</a>
Dann haben wir eine GET-Schaltfläche erstellt, die getAttrNode() ausführt, wenn der Benutzer klickt. Die Methode
<button onclick="getAttrNode()">GET</button>
getAttrNode() verwendet die Methode getElementByTagName(), um das erste Ankerelement im HTML-Dokument abzurufen. Anschließend wird die Methode getAttributeNode(„href“) mit dem Parameterwert „href“ verwendet. Die Methode
getAttributeNode() gibt ein attr-Objekt zurück, das das href-Attribut darstellt, und weist es der Variablen a zu. Anschließend weisen wir den href-Attributwert der Variablen val zu, indem wir das „value“-Attribut des attr-Objekts verwenden. Der erhaltene href-Attributwert wird im Absatz mit der ID „Sample“ unter Verwendung seines innerHTML-Attributs -
function getAttrNode(){
var a = document.getElementsByTagName("a")[0].getAttributeNode("href");
var val=a.value;
document.getElementById("Sample").innerHTML = val;
} angezeigtDas obige ist der detaillierte Inhalt vonHTML-DOM-Methode getAttributeNode(). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!