在 HTML DOM 中，属性对象是元素的属性的集合，通过属性对象，你可以获取和修改元素的属性。属性对象通常是一个命名为 attributes 的属性，包含了一个属性列表，其中每个属性都是一个名值对。

以下是 HTML DOM 中属性对象的一些常见属性和方法：

常见属性

1. element.attributes： 获取元素的所有属性列表。
   var attributesList = document.getElementById("myElement").attributes;

2. element.getAttribute(name) 和 element.setAttribute(name, value)： 用于获取或设置元素的指定属性。
   var attributeValue = document.getElementById("myElement").getAttribute("data-custom");
   document.getElementById("myElement").setAttribute("data-custom", "new value");

常见方法

1. NamedNodeMap.getNamedItem(name)： 通过属性名获取指定的属性节点。
   var attributeNode = document.getElementById("myElement").attributes.getNamedItem("data-custom");

2. NamedNodeMap.removeNamedItem(name)： 通过属性名移除指定的属性节点。
   document.getElementById("myElement").attributes.removeNamedItem("data-custom");

3. NamedNodeMap.setNamedItem(node)： 设置或添加属性节点。
   var newAttribute = document.createAttribute("data-custom");
   newAttribute.value = "new value";
   document.getElementById("myElement").attributes.setNamedItem(newAttribute);

例子
// 获取元素的所有属性列表
var attributesList = document.getElementById("myElement").attributes;

// 获取指定属性的值
var dataCustomValue = document.getElementById("myElement").getAttribute("data-custom");

// 移除指定属性
document.getElementById("myElement").attributes.removeNamedItem("data-custom");

// 添加新属性
var newAttribute = document.createAttribute("data-new");
newAttribute.value = "new value";
document.getElementById("myElement").attributes.setNamedItem(newAttribute);

这些是一些常见的 HTML DOM 中属性对象的属性和方法。通过使用属性对象，你可以动态地获取、添加、修改或移除元素的属性，实现更灵活的页面操作。


转载请注明出处：http://www.zyzy.cn/article/detail/4375/HTML