在 HTML 文档对象模型（DOM）中，属性是节点（HTML 元素）的特性，您可以通过编程接口获取或设置这些属性的值。这些属性使开发者能够动态地访问和修改网页的内容、结构和样式。

以下是一些常见的 HTML DOM 属性：

  1. innerHTML：获取或设置元素的 HTML 内容。 var content = document.getElementById("example").innerHTML; document.getElementById("example").innerHTML = "新内容";
  2. nodeName：返回节点的名称，对于元素节点，nodeName 即标签名。 var nodeName = document.getElementById("example").nodeName;
  3. nodeValue：获取或设置节点的值，对于文本节点，nodeValue 包含文本内容。 var textNode = document.createTextNode("Hello"); var value = textNode.nodeValue; // "Hello" textNode.nodeValue = "World";
  4. nodeType：返回节点的类型，元素节点的类型值为 1，文本节点为 3，等。 var type = document.getElementById("example").nodeType;
  5. attributes：返回一个 NamedNodeMap，包含元素的所有属性。 var attrs = document.getElementById("example").attributes; for (var i = 0; i < attrs.length; i++) { console.log(attrs[i].name + " = " + attrs[i].value); }
  6. style：获取或设置元素的内联样式。 var element = document.getElementById("example"); element.style.color = "red";
  7. className：获取或设置元素的 class 属性。 var element = document.getElementById("example"); var className = element.className; element.className = "newClass";
  8. id：获取或设置元素的 id 属性。 var element = document.getElementById("example"); var id = element.id; element.id = "newId";
  9. tagName：返回元素的标签名（大写）。 var tagName = document.getElementById("example").tagName;
  10. title：获取或设置元素的 title 属性。 var element = document.getElementById("example"); var title = element.title; element.title = "新标题";

需要注意的是，HTML 属性（attributes）和 DOM 属性（properties）之间存在区别。HTML 属性是写在标签中的初始值，而 DOM 属性是元素对象的当前状态。修改 DOM 属性不会改变对应的 HTML 属性。

通过熟练掌握和使用这些 DOM 属性，开发者可以更高效地操作和管理网页内容，提升用户体验。