html中 style 显示属性: display 和 visibility的区别

    今天写页面时碰到的, 有两个元素,比如 select 和 text ,在某个时间段只能显示一个元素, 当时记得style 中有个属性可以搞定, 在 eclipse 中用提示找了一下, 第一印象是 visiable, 不过找到visibility, 便把这个写上去了,但是碰到个问题,  select 和 text 放在同一个 td中, 结果两者显示的大小 和没隐藏时的比例相同,而我想要的是 某个元素显示时,它就占整个 td, 只好用 td.innerHTML 来搞定. 这个办法代码量有点大,而且容易出错.
    后来头看了下, 说用 style 的 display ,一个为 block , 另一个为 none, 这样,显示的那个元素就会占据整个 td, 而且只需要用 js 控制 style的display属性就可以了,代码就两行,并且容易扩展, 代码就不写了.

 

如果有什么错误, 欢迎指正