JS控制表格某行隐藏或显示后页面布局错乱

最新推荐文章于 2023-03-27 16:36:57 发布

feifei839535570

最新推荐文章于 2023-03-27 16:36:57 发布

阅读量3k

点赞数 4

分类专栏： FAQ

本文链接：https://blog.csdn.net/feixuanyi/article/details/18404581

版权

FAQ 专栏收录该内容

17 篇文章 0 订阅

订阅专栏

浏览器IE8下显示情况：

浏览器Google Chrome下显示错乱，如下图：

JS控制表格中隐藏内容代码：

	function disPlay(){
		var row = document.getElementById("row1");
		var option = document.getElementById("baseType").value;
		if(option==1){
			row0.style.display = 'none';
			row1.style.display = ''; 
			row2.style.display = '';
			row3.style.display = '';
			row4.style.display = '';
			row5.style.display = 'none';
		}else{
		//校外
			row0.style.display = '';
			row1.style.display = 'none';
			row2.style.display = 'none';
			row3.style.display = 'none';
			row4.style.display = 'none';
			row5.style.display = '';
		}
	}

原因是display的值如果是inline或block都不行，如果想要显示的话设为空字符串即可。