利用来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 属性设置元素如何显示。
<script type="text/javascript">window.onload=function(){
document.getElementById("box").style.border = "10px solid red"
}
</script>
你执行代码的时候box还没生成，浏览器找不到这个元素。
你好，你可以 引用 js 里 jQuery 库.
引用了 百度的 jquery.min.js 。如下
<!DOCTYPE html>
<html>
<head>
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("#div3").fadeIn(6000)
})
})
</script>
</head>
<body>
<button>Click to fade in boxes</button>
<br><br>
<div id="div3" style="width:80pxheight:80pxdisplay:nonebackground-color:blue"></div>
</body>
</html>
