当我用js把一个元素的display由block变为none，对浏览器来说发生了什么？它需要做哪些事情？

Question

希望大家回答这个问题的同时也欢迎大家推荐一些浏览器相关的文章和书。

Answer 1

显变隐，占用的空间收回，浏览器需要重绘，下面的dom兄弟可能就会上来"篡位"

Answer 2

不光重绘，还会重排吧，涉及到几何属性了

Answer 3

概括地说就是 重绘(repaint)和回流(reflow) : [ JS进阶 ] Repaint 、Reflow 的基本认识和优化 (2)

这是基本的，具体的坐等高手解答 。。。

Answer 4

前面高手都回答了，我再提一个知识点吧。

visibility:hidden;

可以拿在一起比较