如何定位特定标签？

Question

我希望将html的突出显示的“表格”作为目标。不过我在这里的问题是现在有特定的id或class来定位它。

有没有办法定位那个特定的表？

Answer 1

  

我定位第3个<table>代码

您应该使用nth-of-type pseudo-class。

table:nth-of-type(3) {}

重新编辑。

以前你问过CSS，但是你已经改变了问题的标签，现在正在询问JavaScript。您仍然可以使用选择器：

document.querySelector("table:nth-of-type(3)")

...但您可能会看到对简单getElementsByTagName method：

的更多支持

document.getElementsByTagName("table")[2]; // 0 indexed

Answer 2

您可以使用：

document.getElementsByClassName('MsoNormalTable');

要过滤特定ID，请使用：

document.getElementById('id');

有关更多信息，请访问： Explanation document.getElementByClassName();

Answer 3

如果你知道它总是在同一个位置，你可以使用CSS中的table:nth-of-type(3)选择器，它将选择table类型的第三个元素。

table:nth-of-type(3) {
    color: red;
}

在JavaScript中，您可以使用：document.querySelectorAll('table')[2]来选择页面上第三个类型0的第三个（数组开始在table建立索引）元素。

Answer 4

如果你的目标表总是在父目录中持续，你可以使用:: last-of-type

.wordSelection1 table:last-ot-type{border: 1px solid red;}