div 显示隐藏

最新推荐文章于 2022-09-08 11:07:39 发布

xfyjg

最新推荐文章于 2022-09-08 11:07:39 发布

阅读量103

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/xfyjg/article/details/84625858

版权

javascript 专栏收录该内容

29 篇文章 0 订阅

订阅专栏

<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>

xfyjg

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
div 显示隐藏

[code="html"] function clik(){ var div_data=document.getElementById("div_ta").getElementsByTagName("div"); alert('111='+div_data.length); for(var i=0;i
复制链接

扫一扫

专栏目录