<html>
<script>
function clik(){
var div_data=document.getElementById("div_ta").getElementsByTagName("div");
alert('111='+div_data.length);
for(var i=0;i<div_data.length;i++)
{
if(div_data[i].style.display=="none")
{
div_data[i].style.display="block";
} else {
div_data[i].style.display="none";
}
}
}
</script>
<body>
<input type="button" onClick="clik()" value="button"/>
<table width="223" height="123" border="1" id="div_ta">
<tr>
<td><div id="div1" style="display:none;">div1</div></td>
<td><div id="div2" style="display:block;">div2</div></td>
</tr>
<tr>
<td><div id="div4" style="display:none;">div4</div></td>
<td><div id="div5" style="display:block;">div5</div></td>
</tr>
<tr>
<td><div id="div7" style="display:none;">div7</div></td>
<td><div id="div8" style="display:block;">div8</div></td>
</tr>
</table>
</body>
</html>
分享到:
相关推荐
Div显示隐藏,鼠标放到文字上显示隐藏DIV
div显示隐藏效果
DIV显示隐藏小例子DIV显示隐藏小例子DIV显示隐藏小例子DIV显示隐藏小例子DIV显示隐藏小例子DIV显示隐藏小例子DIV显示隐藏小例子DIV显示隐藏小例子
本程序在网页中设计了Div层的显示和隐藏,代码简单、实用。
纯CSS 鼠标经过DIV另一个显示隐藏 多个DIV并存
切换div显示隐藏 1)单个item下的部分dom结构,显示或隐藏切换,不会修改其它同级dom的显示/隐藏 template dom结构 <div class=list-item v-for=(list,index)> <p class=job-name>{{list.jobName}} (index)>...
鼠标经过显示隐藏层js,隐藏层可加css样式,可随意控制大小,js有详细注释
使用JQUERY做的一个页面DIV动态隐藏 显示 点击+号图片后 DIV会自动隐藏 点击-号图片后 DIV会自动显示 隐藏的DIV区域内的控件值后台仍可以取得到,当页面刷新时,也不会改变隐藏区域的隐藏状态 使用JQUERY将页面状态...
点击按钮(a标签)隐藏显示div内容,切换div内容
div实现iframe的框架左侧隐藏与显示实例;代码非常简单;分享给大家
博文链接:https://qsfwy.iteye.com/blog/219184
JS实现各种动态显示隐藏div效果,包括卷动显示隐藏效果,渐变显示隐藏效果,大小缩放显示隐藏效果
登陆时显示隐藏层,登陆后隐藏在 asp.net不常用对div隐藏,而是将对象放到panel 中,然后在button中添加事件,如双击button,在事件中加代码
ajax控制div窗口显示和隐藏
div的显示和隐藏,在网页设计中可将导航等进行显示和隐藏
15种方法实现div显示和隐藏</title> [removed][removed] <style> body{ margin: 0; } h1,h2{ margin: 0; } ul{ margin: 0; padding: 0; list-style: none; } button{ background-color: #333; ...
javascript DIV隐藏、显示 弹出式窗口样式
jquery+js打造div滑动效果,淡入淡出,隐藏与显示。