二.html5节点
时间：2021-05-13 19:50:33
收藏：0
阅读：17
一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生成页面
原文：https://www.cnblogs.com/tyh1999/p/14765330.html
评论（0）