Question

我正在尝试使用一些Javascript来检测我的表是否超过25行，如果是这样我希望它删除最后一行的下边框。我仍然是Javascript的新手，但我会发布我的尝试。

var rows = document.getElementById('myTableId')
    .getElementsByTagName('tbody')[0]
    .getElementsByTagName('tr').length;
if (rows >= 25) {
    var Accounts = document.getElementById('myTableId');
    var lastRow = Accounts.rows.length;
    lastRow.style.borderBottom = "none"
}

非常感谢任何帮助。

Answer 1

你可以用纯css做到这一点。看看这个：

tr:nth-child(25) ~ tr:last-child td {
    border-bottom: none;
}

这个选择器基本上是'第25行之后的最后一行'，所以只有当你的表有超过25行时才会触发它。

一个小小的小提示： http://jsfiddle.net/d39erod6/

Answer 2

我做了一个jsfiddle here，只用一种方法来实现这个目标。

var rows = document.getElementById('myTableId')
    .getElementsByTagName('tbody')[0]
    .getElementsByTagName('tr');

if (rows.length >= 25) {
    var lastRow = rows[rows.length-1];
    lastRow.getElementsByTagName('td')[0].style.borderBottom = "none"    
}

Answer 3

这实际上是用CSS完成的。 http://www.w3schools.com/cssref/sel_last-child.asp

您可以使用Javascript设置CSS属性，然后修改它。

删除X行数后的最后一行边框

3 个答案: