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

HTML DOM getNamedItem() 方法用于获取具有给定名称的属性节点作为 NamedNodeMap 对象。要获取特定的属性节点，我们必须仅在属性属性上调用此方法，因为属性属性返回一个列表，我们可以使用 getNamedItem() 方法从中过滤特定属性。

用法

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

namednodemap.getNamedItem(nodename)

这里，nodename 是一个字符串类型的强制参数值，指示namedNodeMap 中存在的节点的名称。

示例

让我们看一个 getNamedItem() 方法的例子 -

<!DOCTYPE html>
<html>
<body>
<h1>getNamedItem() example</h1>
USERNAME:<input type="text" name="USR">
<br><br>
<button onclick="attrValue()">GET</button>
<p id="Sample"></p>
<script>
   function attrValue() {
      var usr = document.getElementsByTagName("input")[0];
      var val = usr.attributes.getNamedItem("type").value;
      document.getElementById("Sample").innerHTML = "The type attribute value for the input field is:"+val;
   }
</script>
</body>
</html>

输出

这将产生以下输出 -

单击“获取”按钮 -

在上面的例子中 -

我们首先创建了一个 type=”text” 和 name=”USR” 的输入字段。

USERNAME:<input type="text" name="USR">

然后，我们创建了按钮 GET，该按钮将在用户单击时执行方法 attrValue() -

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

attrValue() 方法使用 getElementsByTagName() 方法获取输入元素并将其分配给变量 usr。然后我们使用attributes 属性，它将所有属性的集合作为namedNodeMap 对象返回。对attributes 属性调用getNamedItem() 方法仅返回该特定属性节点。

使用 getNamedItem() 返回的特定节点上的 value 属性，我们获取该属性值并将其分配给变量 val。然后使用其innerHTML 属性将该值显示在id 为“Sample” 的段落中。

相关用法

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