在客户端脚本中，我们经常使用对象的CSS 属性style.display 来控制对象在浏览器中的显示与隐藏，一般的习惯是这样写：
document.getElementById("div").style.display = "none"; // Hide this div
document.getElementById(”div").style.display = ""; // Show the div again
不过我最近遇到一个问题，当已经在CSS文件中为这个对象静态设置了display: "none" 属性，那么上面第二行代码将不起作用，不会按我们的预想将对象显示出来。最后找到了一个解决方法，对于以上情况，以下代码可以实现预期的效果。
document.getElementById(”div").style.display = "inline"; // Show the div again
display 属性 可以有以下取值，上面的inline 可以换成任何你需要的值。
- block
- none
- inline (this is default)
- inline-block
- list-item
- table-header-group
- table-footer-group
题外参考：CSS属性Display与Visibility的不同, Ten CSS tricks you may not know
- 文章信息
- 版权声明: 本文可以任意转载，转载时请务必以超链接形式标明文章原始出处和作者信息。
- 原文出处: http://www.aiview.com/
- 写于: 2007-02-02 [Edit]
- 作者: Alex (email &msn)
- 标签 Tags: css (3), Javascript (5)
