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

我试图使用一些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"
}

---

任何帮助都将不胜感激。

这实际上是用CSS完成的。

---

您可以使用Javascript设置CSS属性，然后对其进行修改。

这实际上是通过CSS完成的。

---

您可以使用Javascript设置CSS属性，然后对其进行修改。

这实际上是通过CSS完成的。

---

您可以使用Javascript设置CSS属性，然后对其进行修改。

这实际上是通过CSS完成的。

您可以使用Javascript设置CSS属性，然后对其进行修改。

我用一种方法完成了JSFIDLE

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"    
}

我用一种方法做了一次尝试

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"    
}

我用一种方法做了一次尝试

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"    
}

我用一种方法做了一次尝试

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"    
}

---

您可以使用纯css实现这一点。看看这个：

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

该选择器基本上会显示“第25行之后的最后一行”，因此只有当表中的行数超过25行时才会触发该选择器

用一把小小提琴来演示：

---

您可以使用纯css实现这一点。看看这个：

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

该选择器基本上会显示“第25行之后的最后一行”，因此只有当表中的行数超过25行时才会触发该选择器

用一把小小提琴来演示：

---

您可以使用纯css实现这一点。看看这个：

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

该选择器基本上会显示“第25行之后的最后一行”，因此只有当表中的行数超过25行时才会触发该选择器

用一把小小提琴来演示：

---

您可以使用纯css实现这一点。看看这个：

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

该选择器基本上会显示“第25行之后的最后一行”，因此只有当表中的行数超过25行时才会触发该选择器

用一把小小提琴来演示：

---

---

lastRow只是一个数字。如果下面的答案之一回答了您的问题，那么按照本网站的工作方式，您将“接受”答案，更多信息请参见：。但前提是你的问题真的得到了回答。如果不是，考虑在问题中添加更多的细节。LaSTROW只是一个数字，如果下面的答案之一回答了你的问题，这个网站的工作方式，你会“接受”答案，更多的是：但前提是你的问题真的得到了回答。如果不是，考虑在问题中添加更多的细节。LaSTROW只是一个数字，如果下面的答案之一回答了你的问题，这个网站的工作方式，你会“接受”答案，更多的是：但前提是你的问题真的得到了回答。如果不是，考虑在问题中添加更多的细节。LaSTROW只是一个数字，如果下面的答案之一回答了你的问题，这个网站的工作方式，你会“接受”答案，更多的是：但前提是你的问题真的得到了回答。如果没有,，考虑到问题中添加更多的细节。到目前为止最简单和最干净的解决方案。到目前为止最简单和最干净的解决方案。到目前为止最简单和最干净的解决方案。到目前为止最简单和最干净的解决方案。如果有超过25行的话，OP需要最后一个孩子。如果有超过25行，OP需要最后一个孩子。OP需要如果超过25行，则为最后一个孩子。如果超过25行，则OP希望为最后一个孩子。感谢您的响应！我最终使用了CSS版本，但是你的版本确实教会了我一些东西，所以我很感激。谢谢你的回复！我最终使用了CSS版本，但是你的版本确实教会了我一些东西，所以我很感激。谢谢你的回复！我最终使用了CSS版本，但是你的版本确实教会了我一些东西，所以我很感激。谢谢你的回复！我最终使用了CSS版本，但是你的版本确实教会了我一些东西，所以我很感激。