HTML DOM getNamedItem() 方法

htmlweb developmentfront end technology更新于 2024/5/31 8:44:17

HTML DOM getNamedItem() 方法用于获取具有给定名称的属性节点，并将其作为 NamedNodeMap 对象。要获取该特定属性节点，我们只需在 attribute 属性上调用此方法，因为 attribute 属性会返回一个列表，我们可以使用 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>

输出

这将产生以下输出 −

点击 GET 按钮 −

在上面的例子中 −

我们首先创建了一个输入字段，其类型为"text"，名称为"USR"。

用户名:<input type="text" name="USR">

然后，我们创建了按钮 GET，当用户点击按钮时，它将执行 attrValue() 方法 −

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

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

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