📌  相关文章
📜  HTML | DOM getNamedItem() 方法(1)

📅  最后修改于: 2023-12-03 14:41:47.763000             🧑  作者: Mango

HTML | DOM getNamedItem() 方法

该方法用于返回具有指定名称的属性节点。

语法
node.getNamedItem(name)
参数
  • name：表示属性名称的字符串。
返回值

返回值为具有指定名称的属性节点。如果不存在具有指定名称的属性节点，则返回 null。

示例

下面的示例演示了如何使用 getNamedItem() 方法获取指定名称的属性节点。

<!DOCTYPE html>
<html>
<body>

<p id="myPara" title="Hello World">Example Paragraph</p>

<script>
var para = document.getElementById("myPara");
var attrNode = para.attributes.getNamedItem("title");

console.log(attrNode.name); // Output: title
console.log(attrNode.value); // Output: Hello World
</script>

</body>
</html>
解释

在上述示例中，我们首先获取了具有 id 为 myPara 的段落元素，并使用 getNamedItem() 方法获取了 title 属性的节点。然后，我们可以通过 attrNode.name 获取属性节点的名称，并通过 attrNode.value 获取属性节点的值。

注意事项
  • getNamedItem() 方法仅适用于具有名称的属性节点。
  • 如果存在具有相同名称的多个属性节点，getNamedItem() 方法仅返回第一个找到的属性节点。
  • 如果想要获取属性节点的值而不用获取整个属性节点对象，可以使用 getAttribute() 方法。

参考链接：getNamedItem() 方法 - MDN Web 文档