HTML DOM getAttributeNode()用法及代码示例

HTML DOM getAttributeNode() 用于将给定的元素属性节点作为 Attr 对象返回。使用各种 Attr 对象属性和方法，您可以操作属性。

用法

以下是 getAttributeNode() 方法的语法 -

element.getAttributeNode(attributename)

这里，attributename 是一个字符串类型的强制参数，它指定了我们要返回的属性名称。

示例

让我们看一个 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>

输出

这将产生以下输出 -

单击“获取”按钮 -

在上面的例子中 -

我们首先创建了一个锚元素，其 href 属性值设置为 “https://www.google.com”。

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

然后我们创建了一个按钮 GET，它将在用户点击时执行 getAttrNode() -

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

getAttrNode() 方法使用 getElementByTagName() 方法获取 HTML 文档中的第一个锚元素。然后它使用参数值为 “href” 的 getAttributeNode(“href”) 方法。

getAttributeNode() 方法返回一个表示 href 属性的 attr 对象并将其分配给变量 a。然后我们使用 attr 对象 “value” 属性将 href 属性值分配给变量 val。获得的 href 属性值使用其 innerHTML 属性显示在 id “Sample” 的段落中 -

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

相关用法

注：本文由纯净天空筛选整理自AmitDiwan大神的英文原创作品 HTML DOM getAttributeNode() method。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。