Maison >interface Web >tutoriel HTML >Méthode HTML DOM getAttributeNode()
Méthode HTML DOM getAttributeNode()
- WBOYavant
- 2023-08-26 13:21:101271parcourir
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)
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>Sortie
Cela produira la sortie suivante -
Lorsque vous cliquez sur le bouton Obtenir -
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>
Ensuite, nous avons créé un bouton GET qui exécutera getAttrNode() lorsque l'utilisateur clique - La méthode
<button onclick="getAttrNode()">GET</button>
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;
}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!