一DOM节点树
定义: 处理可扩展置标语言的标准编程接口
功能: 动态访问程序和脚本,更新内容，接口，和文档
最小单元: 节点
1.节点获取方法
hasChildNodes(): 判断当前节点是否含义子节点
contains(): 接收节点作为参数,返回布尔值,表示后面节点数量.
| 方法 |
功能 |
| parentNode |
获取父节点 |
| childNodes |
获取所有子节点 |
| firstChild |
获取第一个子节点 |
| lastChild |
获取最后一个节点 |
| nextSinling |
获取元素之后紧跟的节点 |
| previousSinling |
获取元素之前紧跟的节点 |
2.元素获取方法
| 方法 |
功能 |
| parentElement |
获取父元素 |
| children |
获取所有的子元素 |
| childElementCount |
获取子元素的数量 |
| firstElementChild |
获取第一个子元素 |
| lastElementChild |
获取最后一个子元素 |
| nextElementSibling |
获取元素之后紧跟的元素 |
| previousElementSibling |
获取元素之前紧跟的元素 |
3.选择器
| 方法 |
功能 |
| document.getElementByID() |
检索所有满足条件的指定的元素 |
| getElementByRagName() |
检索所有满足条件的指定标签的元素 |
二.javaScript渲染
| 名称 |
意识 |
| DOM |
节点树 |
| CSS |
层叠样式表 |
| CSSOM |
样式对照表 |
| RenderTree |
渲染树 |
- 1.浏览器根据HTML生成DOM
- 2.浏览器根据CSS生成CSSOM
- 3.DOM和CSSOM整合形成RenderTree
- 4.浏览器根据RenderTree生成页面
二.html5节点