专业编程基础技术教程

网站首页 > 基础教程 正文

HTML DOM 属性 对象 js dom属性

ccvgpt 2024-10-15 09:15:33 基础教程 5 ℃

HTML DOM 节点

在 HTML DOM (Document Object Model) 中, 所有的都是 节点：

HTML DOM 属性 对象 js dom属性

  • 文档是文档节点

  • 所有 HTML 元素是元素节点

  • 所有 HTML 属性都是属性节点

  • 插入到 HTML 元素中的文本为文本节点

  • 注释是注释节点



Attr 对象

在 HTML DOM 中, Attr 对象 代表一个 HTML 属性。

HTML属性总是属于HTML元素。

NamedNodeMap 对象

在 HTML DOM 中, the NamedNodeMap 对象 表示一个无顺序的节点列表。

我们可通过节点名称来访问 NamedNodeMap 中的节点。

浏览器支持

所有主流浏览器都支持 Attr 对象和 NamedNodeMap 对象。

<h2属性和方法< h2="" style="color: rgb(51, 51, 51); font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, STHeiti, 'Microsoft Yahei', sans-serif; font-size: 12px; line-height: normal; white-space: normal;">

属性 / 方法描述
attr.isId果属性是 ID 类型，则 isId 属性返回 true，否则返回 false。
attr.name返回属性名称
attr.value设置或者返回属性值
attr.specified如果属性被指定返回 true ，否则返回 false
nodemap.getNamedItem()从节点列表中返回的指定属性节点。
nodemap.item()返回节点列表中处于指定索引号的节点。
nodemap.length返回节点列表的节点数目。
nodemap.removeNamedItem()删除指定属性节点
nodemap.setNamedItem()设置指定属性节点(通过名称)

DOM 4 警告 !!!

在 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 替代

如您还有不明白的可以在下面与我留言或是与我探讨QQ群308855039，我们一起飞！

Tags：

猜你喜欢

最近发表
标签列表