怎样在js中控制一个HTML元素的可见与不可见

用js隐藏控件的方法有两种，分别是通过设置控件的style的“display”和“visibility”属性。
style.display="block"或style.visibility="visible"时控件或见;
style.display="none"或style.visibility="hidden"时控件不可见。
不同的是“display”不但隐藏控件，而且被隐藏的控件不再占用显示时占用的位置，而“visibility”隐藏的控件仅仅是将控件设置成不可见了，控件仍然占俱原来的位置。

<span id="warnText" style="display: none" class="red">*&nbsp;该任务已存在！</span>

document.getElementById("warnText").style.display= "none";//隐藏
document.getElementById("warnText").style.display= "";//显示

 

如果你是设置了样式为hidden,这样更改： obj.style.visibility = 'visible' 2. 如果是有个input的type为hidden, IE下 input.type 属性是只读的；但是Firefox下 input.type 属性却是可读写的

onBlur:当输入框失去焦点后 
onFocus:当输入框获得焦点后

这两个JavaScript事件是写在html标签中的例如：

 

<input  type="text"    onBlur=" " onFocus=" " />

 

使用jQuery的实现方法为：

　　　　对于元素的焦点事件，我们可以使用jQuery的焦点函数focus(),blur()。

focus()：得到焦点时使用，blur()：失去焦点时使用。

代码如下:

1. $("input").focus(); 或$("input").focus(function(){这里是获取焦点时的事件})

2.  

3. $("input").blur(); 或$("input").blur(function(){这里是失去焦点时的事件})