<tr>
<th colspan="3" onclick="hideTab()" id="tab">标题1</th>
</tr>
<script>
var isHide=false;
function hideTab(){
var tab=document.getElementById('tab')
var rows=tab.rows;
var len=tab.rows.length;
// tab.style.display='';
for(var i=1;i < len;i++){
if (isHide) {
rows[i].style.display='';
}else{
rows[i].style.display='none';
}
}
isHide=!isHide
}
</script>
最后
以上就是有魅力康乃馨最近收集整理的关于js实现表格的点击显示和隐藏的全部内容,更多相关js实现表格内容请搜索靠谱客的其他文章。
本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
发表评论 取消回复