js tr控制下面的tbody隐藏和显示

用的核心代码
function $(obj){
    return document.getElementById(obj);
}
window.onload = function(){
    var table = document.getElementById("myTable");
    //如果在表格区域内产生单击
    table.onclick = function(e){
        var e = window.event||e,target = e.srcElement||e.target;

        //得到tr
        while(target.tagName.toLowerCase() != "tr"){
            target = target.parentNode;
        }

        var i = target.rowIndex;
        //单击单行的Tr的话就是控制tr + 1的隐藏和显示

        if(i%2 == 0){
                        var nrs = table.rows[i + 1].parentNode.style;
            nrs.display = nrs.display == "none"?"":"none";
        }
    }
}

</script></p> <p><title>层隐藏</title> </p> <table border="1" id="myTable"> <tr> <td>脚本</td> </tr> <tbody> <tr> <td>北冥有鱼</td> </tr> </tbody> <tr> <td>小说</td> </tr> <tbody> <tr> <td>看书了文学网</td> </tr> </tbody> </table> <p>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

您可能感兴趣的文章:

• bootstrap——bootstrapTable实现隐藏列的示例
• BootStrap Validator对于隐藏域验证和程序赋值即时验证的问题浅析
• BootStrap实现响应式布局导航栏折叠隐藏效果（在小屏幕、手机屏幕浏览时自动折叠隐藏）
• BootStrap的弹出框(Popover)支持鼠标移到弹出层上弹窗层不隐藏的原因及解决办法
• js设置控件的隐藏与显示的两种方法
• jquery和js实现对div的隐藏和显示方法
• js点击页面其它地方将某个显示的DIV隐藏
• javascript 控制 html元素 显示/隐藏实现代码
• 如何用js控制frame的隐藏或显示的解决办法
• Bootstrap显示与隐藏简单实现代码