大家都DOM节点
其实DOM节点可以分为 可视化节点 和 非可视化节点，
像 div、p 等这种结构性的标签节点可被称为可视化节点，
而 script、meta 等这种在页面上显示不出来的节点则被称为非可视化节点；
那么渲染树（render树）是什么呢？
浏览器是如何渲染UI的？
1、浏览器获取HTML文件，然后对文件进行解析，形成DOM Tree
2、与此同时进行CSS解析，生成 Style Rules
3、接着DOM Tree 与 Style Rules 合成为 Render Tree
4、元素在页面中布局，然后绘制
render 树就是根据：可视化节点 和 css样式表 结合诞生出来的树
注意：display：none的元素会出现在DOM数中，但不会出现在redenr 树中
版权声明：本文为mingtian_mt原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接和本声明。