用js实现在同一个页面可以展开并合并的输入框...

时间：2010-08-12 来源：CHENG53955

用js做的比如说
<html>
<head><title>展开和合并</title></head>
<script language="javascript" type="text/javascript">
function change(){
var tt=document.getElementById("maindiv");
if(tt.style.display=="block"){
tt.style.display="none";
}else{
tt.style.display="block";
}
}
</script>
<body>
<div><a href="javascript:;" onclick="change();">改变</a></div>
<div id="maindiv" style="display:block"><textarea cols="40" rows="10"></textarea></div>
</body>
</html>
id="maindiv"这个输入框有个属性style="display:block"，这个是显示的，如果为style="display:none",就隐藏了，所以要通过js动态改变，而<a href="javascript:;" onclick="change();">改变</a>是一个连接，通过onclick="change();">点击事件来动态改变style="display:block"，
var tt=document.getElementById("maindiv");是用来通过id取得元素，这个就是输入框，然后判断输入框的display(tt.style.display）若为block(显示)则变为none（隐藏），若为none(隐藏)则变为block(显示)，这个过程是通过javascript(又叫js)的dom编程实现的。

参考：http://jordonike.com