DOM-NamedNodeMap对象

DOM-NamedNodeMap对象是一种保持节点的有序集合的对象，由键值对表示，其中键是属性名，值是属性值。该对象只能通过其所属节点来访问。DOM-NamedNodeMap对象通常与DOM-Element对象的attributes属性一起使用，以便更方便地访问元素的属性。

基本用法

获取NamedNodeMap

可以通过访问DOM-Element对象的属性来获取它的NamedNodeMap属性。例如，我们可以使用以下代码获取元素的属性：

let bodyAttributes = document.body.attributes;

获取属性

可以通过调用DOM-NamedNodeMap对象的getNamedItem方法，传入属性名来获取具体的属性值。例如：

let lang = document.body.attributes.getNamedItem("lang").value;

设置属性

我们可以使用setNamedItem方法去设置一个新属性或修改已有的属性。例如：

let titleAttr = document.createAttribute("title");
titleAttr.value = "This is the title attribute";
document.body.attributes.setNamedItem(titleAttr);

移除属性

我们可以使用removeNamedItem方法去移除一个具体的属性。

document.body.attributes.removeNamedItem("id");

性能考虑

查询NamedNodeMap的性能要比查询普通的JavaScript对象要慢，因为它是有序的。因此，如果只需要访问元素的某一个属性，则可以使用DOM-Element对象的getAttribute和setAttribute方法来代替。

参考资料

• MDN web docs