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

[ldii3]

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

[ldii3]

自己顶！

[Msxindl_Com]

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

[ldii3]

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

[ZhaoHuiZiXin]

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";
}

[ZhaoHuiZiXin]

修改一下:

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";
}

[ldii3]

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

[ZhaoHuiZiXin]

想问一下楼主, 如果你的table中有文本，下拉框等控件, 那我写的js方法就行不通了.

最好把你写好的jsp代码贴出来.

[ldii3]

是这样的，我做了个前台模板，将内容添加后直接生成代码，直接把代码复制到我要编辑的页面就可以了，现在遇到的问题是有个表格在前台中不输入内容是不会显示的，前台输入内容后直接就显示该表格，如果这个没有好的方法可以换个思路，即在前台的文本框中点击回车按钮（或<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>

[ZhaoHuiZiXin]

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

[ldii3]

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