html Div隐藏问题
div的visibility可以控制div的显示和隐藏，但是隐藏后页面显示空白:
1
2
3
style="visibility:none;"
document，getElementById("typediv1")，style，visibility="hidden";//隐藏
document，getElementById("typediv1")，style，visibility="visible";//显示
通过设置display属性可以使div隐藏后释放占用的页面空间，如下
1
2
3
style="display:none;"
document，getElementById("typediv1")，style，display="none";//隐藏
document，getElementById("typediv1")，style，display="";//显
$('#h'），click(function(){//点击隐藏，建议把td的id换成class，这样不管几个td几个tr都能用
if($('#td1')，text()==""){
$('#td1')，parent('tr')，hide()
}
});
显示
$('#s'），click(function(){
$('tr')，show()
});
代码性能不好，可以自己去完善
拓展资料
用tbody隐藏吧div和table不好交叉着用
显示的
隐藏的
隐藏的
显示的
实现div隐藏可以通过设置display、visible和div的大小等实现隐藏效果。
CSS
display
属性
display
属性规定元素应该生成的框的类型。值为none时，此元素不会被显示。
/*示例*/
div{display:none;}
CSS
visibility
属性
visibility
属性规定元素是否可见。值为hidden时表示元素是不可见的。
/*示例*/
div{visible:hidden;}
提示:visible:hidden;和display:none;的区别是，即使不可见的元素也会占据页面上的空间。
"display"
属性可以用来创建不占据页面空间的不可见元素。(visible和display属性的其他可能值可在W3School查看)。
设置DIV的大小实现隐藏
将div的宽度和高度设置为零，也可以达到隐藏的效果。
/*示例*/
div{
width：0px;
height:0px;
overflow:hidden;/*规定当内容溢出元素框时隐藏。防止div大小设置为零，里面的文本却还是显示。*/
}
实现div隐藏可以通过设置display、visible和div的大小等实现隐藏效果。
CSS display 属性
display 属性规定元素应该生成的框的类型。值为none时，此元素不会被显示。
/*示例*/
div{display:none;}
CSS visibility 属性
visibility 属性规定元素是否可见。值为hidden时表示元素是不可见的。
/*示例*/
div{visible:hidden;}
提示:visible:hidden;和display:none;的区别是，即使不可见的元素也会占据页面上的空间。 "display" 属性可以用来创建不占据页面空间的不可见元素。(visible和display属性的其他可能值可在W3School查看)。
设置DIV的大小实现隐藏
将div的宽度和高度设置为零，也可以达到隐藏的效果。
/*示例*/
div{
width：0px;
height:0px;
overflow:hidden;/*规定当内容溢出元素框时隐藏。防止div大小设置为零，里面的文本却还是显示。*/
}
div的visibility可以控制div的显示和隐藏，但是隐藏后页面显示空白: style="visibility: none;"document.getElementById("typediv1").style.visibility="hidden";//隐藏document.getElementById("typediv1").style.visibility="visible";/↑/显示 ...
初始化div是隐藏的
traget.style.display="block";
="search('div1');"改成="show('div1');"
矣泪博士： 实现div隐藏可以通过设置display、visible和div的大小等实现隐藏效果.CSS display 属性 display 属性规定元素应该生成的框的类型.值为none时,此元素不会被显示.12 /*示例*/ div{display:none;} CSS visibility 属性 visibility 属性规定元素是否...
新青区17119647886： html隐藏和显示div的问题 - ？
矣泪博士： <!doctype html> <html> <head> <meta charset=＂utf-8＂> <title>无标题文档</title> <style> #d1,#d2{background:#F10D11;width:200px;height:100px; } #d2{display:none;} </style> </head><body><p onclick=＂javascript:change(this);＂>显示...
新青区17119647886： html的一个DIV样式,如何使内容滚动条隐藏,但依旧可以滚动? - ？
矣泪博士： 需要准备的材料分别有:电脑、浏览器、html编辑器. 1、首先,打开html编辑器,新建html文件,例如:index.html,编写问题基础代码. 2、在index.html中的<head>标签中,加入css代码:<style>::-webkit-scrollbar{display: none;}</style>. 3、浏览器运行index.html页面,此时没有显示滚动条确能仍然有滚动效果.
新青区17119647886： html代码层的显示和隐藏问题. - ？
矣泪博士： 12345678910111213141516 <divid=＂div1＂> 内容111</div><inputtype=＂button＂onclick=＂control()＂><script> function control(){ //获取div1的DOM节点 var oDiv = document.getElementById(＂div1＂); //如果当前div1是显示的则隐藏,反之显示 if(oDiv.style.display == 'block'){ oDiv.style.display = 'none'; }else{ oDiv.style.display = 'block'; } }</script>
新青区17119647886： 怎样隐藏div模块 - ？
矣泪博士： 用display属性,想隐藏那一段就把代码加在那一段,例子如下:<div style=＂display:none;＂><h1></h1><ul><li></li><li></li></ul> </div>
新青区17119647886： html 按钮 隐藏作用 - ？
矣泪博士： 可以用js实现按钮和文字的显示隐藏. 1、新建html文档,在body标签中添加一个span标签和button标签,并为它们分别设置一个id: 2、添加script标签,在script标签中添加按钮的点击事件,如果按钮的内容为“隐藏”,就会将文字隐藏,并且将按钮内容转为“显示”: 3、如果按钮内容不是“隐藏”,就会将文字显示出来,并且将按钮内容转为“隐藏”:
新青区17119647886： HTML,ASP 关于DIV隐藏问题？
矣泪博士： 你这样子做只能控制这个<div id=＂your_div_id＂ style=＂display:none;＂>This is a message!</div> 显示 所以你得把这个改成 <script> function HideDiv() { var div_obj=document.getElementById(＂your_div_id＂); if(div_obj.style.display=＂none＂) ...
新青区17119647886： DIV为指定值时该DIV隐藏 - ？
矣泪博士： 思路:利用value属性获取下拉菜单的选项→根据选项决定div的状态→利用style.display样式隐藏或显示div.实例演示如下: 1、HTML结构 显示隐藏我是一个div么呀我是一个div2、javascript代码 window.onload = function(){var obj_select = document
新青区17119647886： div隐藏和显示 - ？
矣泪博士： 以下内容放在html的<head></head>标签对中:<br>function show(id){<br> var showDiv=document.getElementById(id);<br> var divList=document.getElementsByTagName('div');<br> alert(divList.length);<br> for(i=0;i<divList.length;i++){<br> if(...
新青区17119647886： div隐藏或者显示 - ？
矣泪博士： <html><script type=＂text/javascript＂> var curPane=＂tip1＂; function show(switchSysBar) { if(switchSysBar==curPane){return;} document.getElementById(curPane).style.display=＂none＂; document.getElementById(switchSysBar).style.display=...
