那渲染树(render树)是什么呢？
浏览器是如何渲染 UI 的？
（1）浏览器获取 HTML 文件，然后对文件进行解析，形成 DOM Tree
（2）与此同时，进行 CSS 解析，生成 Style Rules
（3）接着将 DOM Tree 与 Style Rules 合成为 Render Tree
（4）元素在页面中布局，然后绘制
render 树就是根据 可视化节点 和 css 样式表 结合诞生出来的树；
注意：PS: display: none 的元素会出现在 DOM树 中，但不会出现在 render 树中；
什么是dom 树？
浏览器将HTML解析成树形的数据结构，简称DOM。
DOM 是文档对象模型 (Document Object Model) 的缩写。它是 HTML 文档的对象表示，同时也是外部内容（例如 JavaScript）与 HTML 元素之间的接口。 解析树的根节点是Document对象。
你还可以这样理解 dom 树：
1.DOM树揭示了DOM对象之间的层次关系，这样就方便动态地对html文档进行增删改查。
2.增删改查必须要遵循层次关系
3.文本对象是最底层的节点
4.获取 对象的值 .value
