本文主要是介绍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元素 布尔值(参数)表示深度克隆（复制）
这篇关于JavaScript 宿主对象2的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
