javascript 点击固定数据隐藏或显示DIV

时间：2010-08-31 来源：LeeYongze

今天宝贝要实现点击更多来实现隐藏或开启DIV，想想就用JS来实现吧。

HTML：

1 <div onclick="divShowBatchName()">正常显示数据</div>
2
3 <div id="divBatchName" style="display:none">隐藏数据</div>

JS:

1  function divShowBatchName() {
2              //获取隐藏DIV ID
3             var showBatchName = document.getElementById("divBatchName");
4
5             //判断DIV是隐藏还是显示如果隐藏点击正常显示数据显示隐藏DIV 反之隐藏
6             if (showBatchName.style.display == 'block') {
7                 showBatchName.style.display = 'none';
8             }
9             else {
10                 showBatchName.style.display = 'block';
11             }
12  }

相关阅读更多 +