javascript实现div的显示和隐藏

来源:互联网 发布:android ui性能优化 编辑:程序博客网 时间:2024/05/22 00:37
<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>oec2003</title><script language="JavaScript" type="text/JavaScript"><!--function toggle(targetid){    if (document.getElementById){        target=document.getElementById(targetid);            if (target.style.display=="block"){                target.style.display="none";            } else {                target.style.display="block";            }    }}--></script><style type="text/css"><!--#div1{background-color:#000000;height:400px;width:400px;display:none;}--></style></head><body><input type="button" id="butn" value="显示/隐藏" onclick="toggle('div1')" /><center><div id="div1"></div></center>居中的DIV</body></html>
原创粉丝点击