Question

JS中style.display和style.visibility的区别

Answer 1

在JS中可以通过设置style.display或者style.visibility属性来控制元素是否显示，在style.display=block和style.visibility=visible的时候，元素被显示，
在style.display=none和style.visibility=hidden的时候，元素被隐藏。
它们之间最大的区别是通过style.display=none隐藏的时候，元素不占据原来的位置，从文档流中脱离，后续的元素填补其位置。
通过style.visibility=hidden隐藏的时候，元素仍然占据原来的位置，只是被隐藏。

Answer 2

你可以直接去W3C的css模块了解相应信息
display是显示方式
visibility是可见与否
虽然两者 在 元素不可见时有着一样的视觉效果 但是其实是不一样的