javascript中的style.display=block中的block要如何理解?

展开 

block   :    CSS1 块对象的默认值。用该值为对象之后添加新行   
none   :    CSS1 隐藏对象。与visibility属性的hidden值不同，其不为被隐藏的对象保留其物理空间 

   block 块级元素，默认情况下（不浮动不绝对定位），该元素后的内容会自动换行。相当于它的后面加了一个<br>。

注意: 在火狐浏览器 可能有问题

 

问题：

在Firefox中执行后"display:none;"没有回收"display:block;"开辟的页面空间，

下次再执行"display:block;"又会在页面上重新创建显示空间。

原因：

The reason it "appears" to work with IE is probably because IE is

error-correcting the display property for you.As others have implied,

IE has no concept of the table-row value. In fact,Microsoft's documentation

(<URL:http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/display.asp>)

clearly states that all block-like elements (with a few exceptions) have

'block' as their display value, contrary to specification.

解决：

在Firefox中,这行吧block 改成 table-row 就可以用。但是在IE又不能用了,所以

将代码

msg.style.display="block";

修改为

msg.style.display="";