利用来JS控制页面控件显示和隐藏有两种方法，两种方法分别利用HTML的style中的两个属性，两种方法的不同之处在于控件隐藏后是否还在页面上占空位。
方法一：
document.getElementById("EleId").style.visibility="hidden"'设置EleId标签隐藏document.getElementById("EleId").style.visibility="visible"设置EleId标签显示
利用上述方法实现隐藏后，页面的位置还被控件占用，显示空白。
定义和用法
visibility 属性设置元素是否可见。
方法二：
document.getElementById("EleId").style.display="none"设置EleId标签隐藏document.getElementById("EleId").style.display="inline"设置EleId标签显示
利用上述方法实现隐藏后，页面的位置不被占用。
定义和用法
display 属性设置元素如何显示。
有两种方式：1、通过document.write的方式显示变量值
<script>
var a='1'
document.write(a)//在页面上显示a的值1
</script>2、在页面节点中显示变量值
<div id='dv'></div>
<script>
var a='1'
var d = document.getElementById('dv')//获取div的节点
d.innerHTML = a//在div节点上显示a的值1
</script>
其实这个不用那么麻烦的，直接用CSS就能控制，如下面代码\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a在标签中间写上你要控制的字符串，或者变量，或者么其他的用法。他就会自己适应设定的宽度，如上面的100px,如果这个宽度显示不下，就会加上...，具体显示多宽自己设置width调整。 而且，鼠标移上去之后，还能够把隐藏的字显示出来。\x0d\x0a如果用JS控制字数的话，不同的字，长度还不一样，鼠标移动上去之后，也显示不了隐藏的字，最终的效果没有这种方式好！
