页面导航： 首页 → 网络编程 → JavaScript → 应用技巧 → 正文内容 js tr隐藏与显示

发布：dxy 字体：[增加 减小] 类型：转载

这个问题弄了我几天没心思写程序，问了论坛很多网友才搞定的。

用的核心代码
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>

文章评论

共有 位脚本之家网友发表了评论我来说两句