js控制在不同表格中切换，兼容IE与火狐

最新推荐文章于 2021-10-15 18:34:28 发布

_必应

最新推荐文章于 2021-10-15 18:34:28 发布

阅读量477

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript/es6/es7 文章标签： ie javascript table 脚本

本文链接：https://blog.youkuaiyun.com/jbguo/article/details/7009897

javascript/es6/es7 专栏收录该内容

51 篇文章

订阅专栏

本文介绍了一个使用JavaScript来改变HTML表格中特定单元格样式的示例。通过修改单元格的类名实现不同状态的显示，并控制表格主体的可见性。此方法适用于创建交互式的导航菜单或选项卡组件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//js脚本
先获取id为secTable的表格
取列写作setTable.rows[0].cells.length

for (i = 0; i < secTable.rows[0].cells.length; i++)

   secTable.rows[0].cells[i].className = "sec1";
   secTable.rows[0].cells[n].className = "sec2";
  for (i = 0; i < mainTable.tBodies.length; i++)
   mainTable.tBodies[i].style.display = "none";
   mainTable.tBodies[n].style.display = "block";
}
</script>