• 闪存
• 博客
• 发言 小组
• 投递 新闻
• 提问 博问
• 添加 收藏
• 文库

table表格js方法隐藏行

0

悬赏园豆：15 [已解决问题] 解决于 2013-08-27 18:05

最近一个项目中遇到这个要求：

代码：

<table border=2 id='tableid'>
<tr><td>A</td><td>B</td><td>C</td><td>D</td></tr>
<tr><td rowspan=2>a1</td><td>a2</td><td>a3</td><td>a4</td></tr>
<tr><td>b2</td><td>b3</td><td>b4</td></tr>
<tr><td rowspan=2>c1</td><td>c2</td><td>c3</td><td>c4</td></tr>
<tr><td>e2</td><td>e3</td><td>e4</td></tr>
</table>

显示：

A	B	C	D
a1	a2	a3	a4
	b2	b3	b4
c1	c2	c3	c4
	e2	e3	e4

 如何用JS 达到隐藏a2-a4,c2-c4的效果呢 :

A	B	C	D
a1	b2	b3	b4
c1	e2	e3	e4

table js

甲馨惗 | 初学一级 | 园豆：42
提问于：2013-08-21 11:07

显示帮助

使用"Ctrl+Enter"可进行快捷提交，评论支持部分 Markdown 语法：[link](http://example.com) _italic_ **bold** `code`。

< >

分享

分享您的问题

var tab=document.getElementById("tableid");
    var trs=tab.getElementsByTagName("tr");
    for(var i=1;i<trs.length;i++){
        //这是有合并的行
        var tds=trs[i].getElementsByTagName("td");
        if(tds.length==4){
            for(var j=1;j<tds.length;j++){//有合并的行就隐藏后面的单元格
                tds[j].style.display='none';
            }
        }
    }


JS版本的！

 var tds 如何获取值呢？

for(var j=1;j<tds.length;j++){//有合并的行就隐藏后面的单元格
　　if (j % 2 = 0)

                tds[j].style.display='none';
}