1.元素节点类型
| 节点类型 | 数值 |
|---|---|
| 元素节点 | 1 |
| 属性节点 | 2 |
| 文本节点 | 3 |
| 文档节点 | 9 |
2.nodeName和nodeValue属性
元素节点的nodeValue始终为null，nodeName始终保存元素的标签名。
3.childNodeselement.childNodes返回类数组对象。
4.Document类型
| 属性 | 值 |
|---|---|
| nodeType | 9 |
| nodeName | "#document" |
| nodeValue | null |
| parentNode | null |
5.document.referrer // 取得来源页面的URL
6.Element类型
| 属性 | 值 |
|---|---|
| nodeType | 1 |
| nodeName | 元素标签名 |
| nodeValue | null |
| parentNode | Document和Element |
| 子节点 | Element、Text、Comment、ProcessingInstruction、CDATASection或EntityReference |
| attributes | 标签属性集合 |
访问元素标签名，也可以通过tagName访问
7.Text类型
| 属性 | 值 |
|---|---|
| nodeType | 3 |
| nodeName | "#text" |
| nodeValue | 节点所包含的文本 |
| parentNode | 一个Element |
| 子节点 | 无 |
附：汇总
| 方法 | 说明 |
|---|---|
| element.childNodes | 获取元素所有子节点 |
| element.nodeType | 获取元素节点类型 |
| element.nodeName | 获取元素节点名称 |
| element.parentNode | 获取元素父节点 |
| element.previousSibling | 获取元素上一个兄弟节点 |
| element.nextSibling | 获取元素下一个兄弟节点 |
| element.firstChild | 获取元素第一个子节点 |
| element.lastChild | 获取元素最后一个子节点 |
| element.hasChildNodes() | 获取元素是否存在子节点，存在返回true |
| element.ownerDocument | 获取整个文档的文档节点document |
| element.appendChild(newNode) | 向元素最后位置添加子元素，如果newNode已经是文档中一部分，那么只是该节点变成最后一个子节点 |
| element.insertBefore(newNode, null) | 向元素指定位置(参照元素前)添加子元素，第一个参数为新元素，第二个参数为参照元素，如果第二个参数为null，那么该方法相当于appendChild |
| element.replaceChild(newNode, oldNode) | 替换子节点 |
| element.removeChild(someNode) | 移除子节点，该方法返回被移除的节点 |
| element.cloneNode(true) | 克隆节点，如果方法内参数为true，则复制节点及其所有子节点，如果为false，则复制节点 |
| element.setAttribute() | 设置特性 |
| element.removeAttribute() | 移除特性 |
| element.getAttribute() | 获取特性 |
| document.createTextNode("hello world!") | 创建文本节点 |
| document.createElement("div") | 创建元素节点 |
| document.createDocumentFragment() | 创建文档片段，该片段继承了Node所有方法，通常用来执DOM操作 |