How to target a specific tag? Asked Sep 01 '17 at 08:07 Active Sep 01 '17 at 08:22 Viewed 438 times 0 I want to target the highlighted "table" of an html to scrape on. However my issue here is that there is now specific id or class to target it on. Is there a way to target that specific table? javascript html edited Sep 01 '17 at 08:13 jhnferraris asked Sep 01 '17 at 08:07 jhnferraris 1,361 1 12 34 1 Is there a specific order? Ie is it always the 3rd table? If yes, have a look at XPath ([example](https://stackoverflow.com/questions/4007413/xpath-query-to-get-nth-instance-of-an-element)). You can do something similar with JS too... – urban Sep 01 '17 at 08:10 https://www.w3.org/TR/css3-selectors/ – Quentin Sep 01 '17 at 08:10 If it has some order: document.getElementsByTagName("table")[0]; – Flowen Sep 01 '17 at 08:11 @urban — Why XPath? You can target third of type with CSS selectors. – Quentin Sep 01 '17 at 08:11 I'm targeting the 3rd tag – jhnferraris Sep 01 '17 at 08:12

Answer 1

I'm targeting the 3rd <table> tag

You should use the nth-of-type pseudo-class.

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

---

Re edit.

Previously you were asking about CSS, but you've changed the tags on the question and are now asking about JavaScript. You can still use a selector:

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

… but you may see more support for the simple getElementsByTagName method:

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

Answer 2

You could use:

document.getElementsByClassName('MsoNormalTable');

To filter on a specific ID use:

document.getElementById('id');

For more information visit this: Explanation document.getElementByClassName();

Answer 3

If you know that it will always be in the same position, you can use the table:nth-of-type(3) selector in CSS, which will select the third element of type table.

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

In JavaScript you would use: document.querySelectorAll('table')[2] to select the third (arrays begin indexing at 0) element of type table on the page.

Answer 4

if your target table always last in parent you can use ::last-of-type

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