最近在做一个页面显示问时,遇到一个小问题,在一个table中想嵌套table,但是不好看,如果是数据库这样做的话是没办法完成的,好在html还能够做出来,只是效果做不好,所以就想着通过<a href="">来控制再加上js,动态的隐藏显示table。
先来段js代码实现显示和隐藏的功能:
上面的代码是用来控制传入id样式的现实和隐藏。
下面来段html代码,受js的控制:
先来段js代码实现显示和隐藏的功能:
function display(id){
if($(id).style.display=="none"){
$(id).style.display = "block";
} else{
$(id).style.display = "none";
}
}
上面的代码是用来控制传入id样式的现实和隐藏。
下面来段html代码,受js的控制:
<a href="javascript:void(0)" title="隐藏/显示" onClick="display('1')">隐藏/显示</a>
<table id="1" style="display">
<th>标题</th>
<tr>
<td>hello world</td>
</tr>
</table>