div控制tr无效<网络资源>

使用div + tr 时候，没法隐藏。 

<div style='display:none' id="advancedQueryDiv" name="advancedQueryDiv">

<tr>

   <td>查询1:</td>

<td colspan=4>

  <input type="text" name="keyword" value="" size=50>

        </td>

</tr>

<tr>

<td>查询2:</td>

<td colspan=4>

<input type="text" name="keyword" value="" size=50>

        </td>

</tr>

</div>

发现没有预想的结果，上网查询后发现可以通过tbody来解决 

<tbody style='display:none' id="advancedQueryDiv" name="advancedQueryDiv">

<tr>

   <td>查询1:</td>

<td colspan=4>

  <input type="text" name="keyword" value="" size=50>

        </td>

</tr>

<tr>

<td>查询2:</td>

<td colspan=4>

<input type="text" name="keyword" value="" size=50>

        </td>

</tr>

</tbody>

js脚本不变 

function advancedQueryBtn(btn){

var display = document.getElementById("advancedQueryDiv").style.display;

if(display == ""){

btn.value = '展开高级查询'

document.getElementById("advancedQueryDiv").style.display = "none";

}else{

btn.value = '关闭高级查询'

document.getElementById("advancedQueryDiv").style.display = "";

}

}

如果要分别隐藏多段tr,可以在table加入多个tbody,进行分别隐藏。table是支持多个tbody的。