数据结构
网络
关系数据库管理系统 (RDBMS)
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理
化学
生物
数学
英语
经济学
心理学
社会学
时尚研究
法律研究HTML DOM getNamedItem() 方法
HTML DOM getNamedItem() 方法用于获取具有给定名称的属性节点作为 NamedNodeMap 对象。要获取该特定属性节点，我们必须仅对 attributes 属性调用此方法，因为 attributes 属性返回一个列表，我们可以使用 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">
然后我们创建了按钮“获取”，它将在用户点击时执行 attrValue() 方法：
<button onclick="attrValue()">GET</button>
attrValue() 方法使用 getElementsByTagName() 方法获取输入元素并将其赋值给变量 usr。然后我们使用 attributes 属性，它返回所有属性的集合作为 namedNodeMap 对象。在 attributes 属性上调用 getNamedItem() 方法仅返回该特定属性节点。
使用 getNamedItem() 返回的特定节点上的 value 属性，我们获取该属性值并将其赋值给变量 val。然后使用其 innerHTML 属性在 id 为“Sample” 的段落中显示此值。
更新于：2021年2月19日
浏览量：137
广告