表格内有内容表格显示，表格无内容表格隐藏

Question

例如：表格内有文字时表格显示，表格无文字时表格不显示，不是用style="visibility:hidden;"这种方式
注：表格隐藏时不要占用空间，而是隐藏时下面的表格可以提上去，有内容是显示，下面的表格相应向下。求高手帮忙？在线等

Answer 1

<script language="javascript">
window.onload=function(){
var x=document.getElementById("tb1");
var y=x.innerText;
if(y.length <= 0 ){ x.style.display="none"; }
}
</script><div>其他内容</div><table id="tb1" width="50" height="100" border="1">
<tbody>
<tr>
<td></td>
<td></td>
</tr>
</tbody>
</table><div>其他内容</div>

Answer 2

这个方法我试过了，我是开网店的，编辑详细页面时程序会吧<td></td>默认为<td>&nbsp;</td>这样的

Answer 3

var table = document.getElementsById("tableDemo");
var checkTableIsNull = false;
for(var i=0; i<table.rows; i++){
   var row = table.rows[i];
   for(var j=0; j<row.childNodes.length; i++){
       var col = row.childNodes[i];
       if(col.innerHTML == ""){
           checkTableIsNull = true;
       }
   }
}
if(checkTableIsNull){
    table.style.display = "none"; 
}

Answer 4

修改一下:var table = document.getElementsById("tableDemo"); 
var checkTableIsNull = false; 
for(var i=0; i <table.rows; i++){ 
  var row = table.rows[i]; 
  for(var j=0; j <row.childNodes.length; i++){ 
      var col = row.childNodes[i]; 
      if(col.innerHTML == ""){ 
          checkTableIsNull = true; 
      } 
  } 
} 
if(!checkTableIsNull){ 
    table.style.display = "none"; 
}

Answer 5

还是不行啊，顺便问一下如何在文本框中输入回车后输出为<br>

Answer 6

想问一下楼主, 如果你的table中有文本，下拉框等控件, 那我写的js方法就行不通了.最好把你写好的jsp代码贴出来.

Answer 7

是这样的，我做了个前台模板，将内容添加后直接生成代码，直接把代码复制到我要编辑的页面就可以了，现在遇到的问题是有个表格在前台中不输入内容是不会显示的，前台输入内容后直接就显示该表格，如果这个没有好的方法可以换个思路，即在前台的文本框中点击回车按钮（或<br>）直接在输出<br>（输出<br>字符而不是空格）。这部分代码如下：<script language="javascript">
function ff(obj,pid){
 document.getElementById(pid).innerHTML = obj.value;
}
</script>
<form  name="form" method="get" action="1.html">
  属性一
  ：
    <textarea name="user1" id="user" onblur="ff(this, 'a')"></textarea>
    <br>
  属性二
：
    <input name="pwd" type="text" id="pwd"  onblur="ff(this, 'b')">
    <br>
    
</form>
   <div id="a"></div>
   <div id="b"></div>

Answer 8

直接用 fck 编辑器不久可以啦.

Answer 9

都做好了，现在就差这个文本框输出<br>的问题，关于隐藏table的就先放到一边了