现在的位置: 首页 > 综合 > 正文

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

2018年02月04日 ⁄ 综合 ⁄ 共 522字 ⁄ 字号 评论关闭


浏览器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都不行,如果想要显示的话设为空字符串即可。




抱歉!评论已关闭.