15前端成长日记-关于DOM

261 阅读1分钟

参考文档 wangdoc.com/javascript/…

什么是DOM

DOM 文档对象模型(Document Object Mode), 它的作用是将 HTML 元素拆分成各种不同的节点方便其他语言进行操作,最常见的操作 DOM 的就是 JavaScript

节点类型

HTML 文档节点类型一共有 7 种

  • Document(文档节点): 整个文档中的顶层节点,对应的常量是 Node.DOCUMENT_NODE 9
  • Element(元素节点):HTML中的各种标签,对应的常量是 Node.ELEMENT_NODE 1
  • Attribute(属性节点):HTML中元素的属性(比如class="right"),对应的常量是 Node.ATTRIBUTE_NODE 2
  • Text(文本节点):标签之间或标签包含的文本,对应的常量是Node.TEXT_NODE 3
  • Comment(注释节点):文档中的注释对应的常量是Node.COMMENT_NODE 8
  • DocumentFragment(文档片断节点):文档的片段对应的常量是Node.DOCUMENT_FRAGMENT_NODE 11
  • DocumentType(文档类型节点):文档类型,:文档的片段对应的常量是Node.DOCUMENT_TYPE_NODE 10