visibility、display和innerHTML的区别

  在做JSP页面时，遇到这方面的问题。情形是radio控制另一个控件的显示与隐藏。

  用document.getElementById("xxx").style.visibility="hidden"  ,  document.getElementById("xxx").style.visibility="visible"

  和 document.getElementById("xxx").style.display="none"  ,  document.getElementById("xxx").style.visibility=""

前者是那块资源仍被占用，但是把其隐藏了，后面是空白

后者是那块资源被释放，后面的往前串。

但是后来又遇见一个问题，当隐藏时，那背景颜色(在“类型”那块)发生变化，也就是说不在同一个class状态下了，采取的法子是用

      document.getElementById("xxx").innerHTML=""

手动赋值 或者 为空 。至于下拉框还是选择用visibility="hidden"

       <td class="bgcolor4">选择是否：</td>
<td class="bgcolor3a" style="text-align:left;" width="240">
<html:radio property="xxx" οnclick="radiochange()" value="1">是</html:radio>
<html:radio property="xxx" οnclick="radiochange()" value="2">否</html:radio>
<font color="red">*</font>

<td class="bgcolor4"  id="FlagId" width="100" >类型：</td>
<td class="bgcolor3a" style="text-align:left;" width="274">
<html:select  property="xxx" style="width:95%" > 
<html:option value="">请选择...</html:option>  
<html:option value="1">藏族</html:option>
<html:option value="2">维吾尔族</html:option>
<html:option value="3">回族</html:option>
<html:option value="4">蒙古族</html:option>
<html:option value="5">其他</html:option>
</html:select> 
     </td>