div 显示隐藏

最新推荐文章于 2024-10-28 17:03:21 发布

xfyjg

最新推荐文章于 2024-10-28 17:03:21 发布

阅读量145

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript

本文链接：https://blog.youkuaiyun.com/xfyjg/article/details/84625858

javascript 专栏收录该内容

29 篇文章

订阅专栏

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