JavaScript 宿主对象2

宿主对象

节点

在DOM当中定义各个元素对象相互之间关系的一些机构

文档树模型

DOM将我们的页面当中所有元素 文本 属性 注释等组织成为一棵树的形式，在文档树当中每一个元素 文本这些内容都可以是一个节点

属性

• parentNode 获取某个节点的父背景
• childNode 获取某个节点的子节点集合
• firstChild 获取某个节点的第一个子节点
• lastChild 获取某个节点的最后一个子节点
• firstElementChild 获取某个节点的第一个子节点
• lastElementChild 获取某个节点的最后一个子节点
• nextSibling 获取下一个兄弟节点
• previousSibling 获取上一个兄弟节点
• nextElementSibling 获取下一个元素兄弟节点
• previousElementSibling 获取上一个元素兄弟节点

节点	nodeType	nodeName	nodeValue
元素节点	1	大写的标签名	null
属性节点	2	属性名	属性值
文本节点	3	#text	文本内容
注释节点	8	#comment	注释内容
文档节点	9	#comment	null

方法

对于页面中的节点进行增加、删除、替换等操作。

• createElement(); document 创建一个元素
• obj.appendChild(); 给obj增加一个子元素
• createDocumentFragment(); 不需要接收参数 创建一个文档片段
• obj.insertBefore(a,b); b元素必须是obj的子元素 将a元素插入到obj的子元素b的前边。
• obj.removeChild(a); 将obj的子元素a删除 a必须是obj的子元素
• replaceChild(a,b); 将obj的子元素b替换为a a可以是子元素也可以是其他
• obj.cloneNode(boolean); 克隆obj元素 布尔值(参数)表示深度克隆（复制）