js tr控制下面的tbody隐藏和显示
更新时间：2008年07月29日 10:12:49 作者：
这个问题弄了我几天没心思写程序，问了论坛很多网友才搞定的。
用的核心代码
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>
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
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>
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
您可能感兴趣的文章:
相关文章
接口返回的EventStream结构的数据,由于http流式传输时,可能会分段,所以导致本该每次返回一段json数据结构的字符串,变成了多个json数据结构的字符串拼接在了一起,本文讲述js如何将多个json结构组成的字符串转换为数组2024-08-08
本文给大家分享一段简单的代码基于js实现开关灯效果，代码简单易懂，非常不错，具有参考借鉴价值，需要的朋友参考下吧2017-09-09
获取键盘控制事件是实现交互性最有力的方法之一。2008-04-04
这篇文章主要介绍了如何制作自己的原生JavaScript路由，对路由感兴趣的同学，可以参考下2021-05-05
最近正在看《javascript设计模式》，其中有一个'就地编辑'的示例，用来表现不同的继承方式，看完之后想自己凭理解写一个类似的东西。2010-05-05
为页面添加天气显示的方法有很多，在本文为大家介绍下使用js来轻松实现，具体的代码如下，感兴趣的朋友不要错过2013-12-12
这篇文章主要介绍了JS解析XML的方法,实例分析了javascript针对IE浏览器与非IE浏览器解析XML文件的技巧,非常具有实用价值,需要的朋友可以参考下2015-01-01
在three.js中摄像机的作用就是不断的拍摄我们创建好的场景,然后通过渲染器渲染到屏幕中,下面这篇文章主要给大家介绍了关于three.js中正交与透视投影相机应用的相关资料,需要的朋友可以参考下2022-08-08
与许多其他编程语言一样,JavaScript 也在不断发展,小编今天就为大家介绍ES13中添加的最新功能,并查看其用法示例以更好地理解它们,有需要的小伙伴可以了解下2023-09-09
这篇文章主要介绍了微信小程序实现的一键连接wifi功能,结合实例形式分析了微信小程序操作WiFi连接的模块初始化、配置、连接等相关操作技巧,需要的朋友可以参考下2019-04-04
最新评论