js控制html控件显示隐藏和是否可用

利用来JS控制页面控件显示和隐藏有两种方法，两种方法分别利用HTML的style中的两个属性，两种方法的不同之处在于控件隐藏后是否还在页面上占空位。

方法一：

document.getElementById("EleId").style.visibility="hidden";document.getElementById("EleId").style.visibility="visible";

利用上述方法实现隐藏后，页面的位置还被控件占用，显示空白。

方法二：

document.getElementById("EleId").style.display="none";document.getElementById("EleId").style.display="inline";

html控件是否可用：

利用 HTML

<input type="text" size="10" value="只读" readonly><input type="text" size="10" value="不可用" disabled>

利用 XHTML

<input type="text" size="10" value="只读" readonly="readonly" /><input type="text" size="10" value="不可用" disabled="disabled" />

 

利用 JavaScript

<form id="f">  <input type="text" size="10" value="只读" name="t1">  <input type="text" size="10" value="不可用" name="t2"></form>

<script type="text/javascript" language="javascript">  var f = document.getElementById("f"); //如果控件有 id,也可以直接取控件。  f.t1.readOnly = true; //注意大小写。  f.t2.disabled = true;</script>