dom树和渲染树有什么区别_CSS学习

当前位置：网站建设 > 技术支持

资料来源：网络整理时间：2023/3/4 3:01:13 共计：3606 浏览

dom树和渲染树有什么区别？

DOM树是包含了所有html节点的树,渲染树是DOM树和CSSOM树组合而成的,最终渲染在页面上的树。DOM树和渲染树都是浏览器生成的

Dom Tree 包含了所有的HTMl标签,包括display:none ,JS动态添加的元素等。

Dom Tree 和样式结构体结合后构建呈现Render Tree。Render Tree 能识别样式,解析 HTML 构建 DOM(DOM 树)，并行请求 css/image/js

CSS 文件下载完成，开始构建 CSSOM(CSS 树)

CSSOM 构建结束后，和 DOM 一起生成 Render Tree(渲染树)

布局(Layout)：计算出每个节点在屏幕中的位置

显示(Painting)：通过显卡把页面画到屏幕上

DOM 树和渲染树的区别：

DOM 树与 HTML 标签一一对应，包括 head 和隐藏元素

渲染树不包括 head 和隐藏元素，大段文本的每一个行都是独立节点，每一个节点都有对应的 css 属性

版权说明：
本网站凡注明“广州京杭原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。