HTML属性是用来描述HTML元素的特性，它们可以在HTML文档中的元素上定义，并且可以被浏览器识别。它们是由名称/值对组成的，并且可以通过HTML标记来指定。例如，
中的 src 和 alt 属性就是 HTML 属性。
DOM属性是用来描述DOM元素的特性，它们可以在DOM文档中的元素上定义，并且可以被浏览器识别。它们是由名称/值对组成的，并且可以通过JavaScript代码来指定。例如，document.getElementById('myImage') 中的 id 属性就是 DOM 属性。
// 设置 DOM 元素的 id 属性
document.getElementById('myImage').id = 'newId';
在 HTML DOM (Document Object Model) 中, 所有的都是 节点：
在 HTML DOM 中, Attr 对象 代表一个 HTML 属性。
HTML属性总是属于HTML元素。
在 HTML DOM 中, the NamedNodeMap 对象 表示一个无顺序的节点列表。
我们可通过节点名称来访问 NamedNodeMap 中的节点。
所有主流浏览器都支持 Attr 对象和 NamedNodeMap 对象。
| 属性 / 方法 | 描述 |
|---|---|
| attr.isId | 如果属性是 ID 类型，则 isId 属性返回 true，否则返回 false。 |
| attr.name | 返回属性名称 |
| attr.value | 设置或者返回属性值 |
| attr.specified | 如果属性被指定返回 true，否则返回 false |
| nodemap.getNamedItem() | 从节点列表中返回的指定属性节点。 |
| nodemap.item() | 返回节点列表中处于指定索引号的节点。 |
| nodemap.length | 返回节点列表的节点数目。 |
| nodemap.removeNamedItem() | 删除指定属性节点 |
| nodemap.setNamedItem() | 设置指定属性节点(通过名称) |
在 W3C DOM 内核中, Attr (属性) 对象继承节点对象的所有属性和方法 。
在 DOM 4 中, Attr (属性) 对象不再从节点对象中继承。
从长远的代码质量来考虑，在属性对象中你需要避免使用节点对象属性和方法:
| 属性 / 方法 | 避免原因 |
|---|---|
| attr.appendChild() | 属性没有子节点 |
| attr.attributes | 属性没有属性 |
| attr.baseURI | 使用 document.baseURI 替代 |
| attr.childNodes | 属性没有子节点 |
| attr.cloneNode() | 使用 attr.value 替代 |
| attr.firstChild | 属性没有子节点 |
| attr.hasAttributes() | 属性没有属性 |
| attr.hasChildNodes | 属性没有子节点 |
| attr.insertBefore() | 属性没有子节点 |
| attr.isEqualNode() | 没有意义 |
| attr.isSameNode() | 没有意义 |
| attr.isSupported() | 通常为 true |
| attr.lastChild | 属性没有子节点 |
| attr.nextSibling | 属性没有兄弟节点 |
| attr.nodeName | 使用 attr.name 替代 |
| attr.nodeType | 通常为 2 (ATTRIBUTE-NODE) |
| attr.nodeValue | 使用 attr.value 替代 |
| attr.normalize() | 属性没有规范 |
| attr.ownerDocument | 通常为你的 HTML 文档 |
| attr.ownerElement | 你用来访问属性的 HTML 元素 |
| attr.parentNode | 你用来访问属性的 HTML 元素 |
| attr.previousSibling | 属性没有兄弟节点 |
| attr.removeChild | 属性没有子节点 |
| attr.replaceChild | 属性没有子节点 |
| attr.textContent | 使用 attr.value 替代 |
HTML DOM Embed 对象Embed 对象Embed 对象是 HTML5 中新增的。Embed 对象代表一个 HTML embed元素。访问 Embed 对象 你可以使用 ...
Fieldset disabled 属性 Fieldset 对象实例禁用 fieldset：document.getElementById("myFieldset").disabled=true;输出结果：Per...
描述您可以选择父选择器，方法是使用字符。它告诉父选择器应该插入的位置。句法a {:hover { color: green; }} 字符将替换为父选...