HTML-DOM-Methode getAttributeNode()-HTML-Tutorial-php.cn

HTML-DOM-Methode getAttributeNode()

WBOY

Freigeben： 2023-08-26 13:21:10

nach vorne

1191 Leute haben es durchsucht

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)

Nach dem Login kopieren

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>

Nach dem Login kopieren

Ausgabe

Dadurch wird die folgende Ausgabe erzeugt –

HTML DOM getAttributeNode() 方法

Wenn auf die Schaltfläche „Get“ geklickt wird –

HTML DOM getAttributeNode() 方法

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>

Nach dem Login kopieren

Dann haben wir eine GET-Schaltfläche erstellt, die getAttrNode() ausführt, wenn der Benutzer klickt. Die Methode

<button onclick="getAttrNode()">GET</button>

Nach dem Login kopieren

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;
}

Nach dem Login kopieren

angezeigt

Das obige ist der detaillierte Inhalt vonHTML-DOM-Methode getAttributeNode(). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!