JavaScript DOM

DOM（Document Object Model）文档对象模型，将网页转为一个JS对象，从而用脚本进行各种操作。

七种节点类型：

• Document：,文档树的顶层节点
• DocumentType：doctype标签
• Element：各种HTML标签
• Attribute：网页元素的属性
• Text：标签之间或标签包含的文本
• Comment：注释
• DocumentFragment：文档的片段
  浏览器提供一个原生的节点对象Node，具有共同的属性和方法。

节点树中各节点的关系：

• 父节点关系
• 子节点关系
• 同级节点关系

Node接口
DOM操作的基础是Node。

nodeType属性，表示节点的类型

  document.nodeType //9

不同节点的nodeType属性值和对应的常量如下：

• document：9, 对应常量Node.DOCUMENT_NODE
• element：1, 对应常量Node.ELEMENT_NODE
• attr：2, 对应常量Node.ATTRIBUTE_NODE
• text：3, 对应常量Node.TEXT_NODE
• DocumentFragment：11, 对应常量Node.DOCUMENT_FRAGMENT_NODE
• DocumentType：10，对应常量Node.DOCUMENT_TYPE_NODE
• Comment：8，对应常量Node.COMMENT_NODE

文档节点：

1. nodeName：#document
2. nodeValue：null

元素节点：

1. nodeName：大写的标签名
2. nodeValue：null

属性节点：

1. nodeName：属性的名称
2. nodeValue：null

文本节点：

1. nodeName：#text
2. nodeValue：文本内容

文档片段节点：

1. nodeName：#document-fragment
2. nodeValue：null

文档类型节点：

1. nodeName：文档的类型
2. nodeValue：null

注释节点：

1. nodeName：#comment
2. nodeValue：文本内容

未完待续。。。