displaynonestyle="display:none" 和 直接注释有什么区别

HTML5中“style=“display:none””的作用

把该元素隐藏掉，而且移除dom中占的位置，会对其他元素的位置产生影响，区别于" visibility: hidden;"，这个也是隐藏，但是会在页面占据原本的位置。

请问在css 中visibility:hidden和display:none有什么区别呢？

<div style="width:100px;height:100px;background:red;visibility:hidden"></div> //对象隐藏后，还有占有相应的空间大小 <div style="width:100px;height:100px;background:red;display:none"></div> //对象隐藏后，对象不占任何空间 ---对比一下就知道了

style="display:none" 和 直接注释有什么区别

区别不是一般的大，一个是css语法属性。

你上网的时候，鼠标移动到菜单的时候，会出现一些二级菜单，挂在上面，移开鼠标就消失，这就是利用javascript操作dom树，那元素节点，设置css属性，display:none隐藏，display:block显示。

这个属性还有其他值，改变标签是行内或块级