Méthode HTML DOM getAttributeNode()-tutoriel HTML-php.cn

Méthode HTML DOM getAttributeNode()

WBOY

Libérer： 2023-08-26 13:21:10

avant

1190 Les gens l'ont consulté

HTML DOM getAttributeNode() est utilisé pour renvoyer le nœud d'attribut de l'élément donné en tant qu'objet Attr. Vous pouvez manipuler les attributs à l'aide de diverses propriétés et méthodes d'objet Attr.

Syntaxe

Ce qui suit est la syntaxe de la méthode getAttributeNode() -

element.getAttributeNode(attributename)

Copier après la connexion

Ici, le nom d'attribut est un paramètre obligatoire de type chaîne, qui spécifie le nom d'attribut que nous voulons renvoyer.

Exemple

Voyons un exemple de méthode de getAttributeNode() -

<!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>

Copier après la connexion

Sortie

Cela produira la sortie suivante -

HTML DOM getAttributeNode() 方法

Lorsque vous cliquez sur le bouton Obtenir -

HTML DOM getAttributeNode() 方法

Dans l'exemple ci-dessus Medium -

Nous créons d'abord un élément d'ancrage avec sa valeur d'attribut href définie sur "https://www.google.com".

<a href="https://www.google.com">GOOGLE</a>

Copier après la connexion

Ensuite, nous avons créé un bouton GET qui exécutera getAttrNode() lorsque l'utilisateur clique - La méthode

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

Copier après la connexion

getAttrNode() utilise la méthode getElementByTagName() pour obtenir le premier élément d'ancrage dans le document HTML. Il utilise ensuite la méthode getAttributeNode("href") avec la valeur de paramètre "href". La méthode

getAttributeNode() renvoie un objet attr représentant l'attribut href et l'assigne à la variable a. Nous attribuons ensuite la valeur de l'attribut href à la variable val en utilisant l'attribut "value" de l'objet attr. La valeur de l'attribut href obtenue est affichée dans le paragraphe avec l'identifiant "Sample" en utilisant son attribut innerHTML -

function getAttrNode(){
   var a = document.getElementsByTagName("a")[0].getAttributeNode("href");
   var val=a.value;
   document.getElementById("Sample").innerHTML = val;
}

Copier après la connexion

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!