Refering to a particular table row in html

Question

I have five rows in my table in html. Each row has only 1 td. I want to manipulate the table row background in a function. How do I refer to the table row in the function?

Would using CSS (as in this [stackoverflow question][1]) meet your requirement? [1]: http://stackoverflow.com/questions/569355/html-table-row-link — teq, Jan 31 '12 at 11:16

score 1 · Accepted Answer · answered Jan 31 '12 at 11:17

1

You can reference them by their ordinal index;

var tbl = document.getElementById("myTable");
var firstRow = tbl.rows[0];
...
tbl.rows[n].style.color = "red"; 
...

https://developer.mozilla.org/en/DOM/table.rows

answered Jan 31 '12 at 11:17

Alex K.

171,639
30
264
288

:Can i do this: tbl.rows[1].bgcolor="red" – Ashwin Jan 31 '12 at 11:21
Yes, you can use a number, [0] is the first row, [1] the seconds and so on. – Alex K. Jan 31 '12 at 11:25
:in your example is "mytable" the name of the table or the id. – Ashwin Jan 31 '12 at 11:29

score 0 · Answer 2 · answered Sep 03 '15 at 19:42

0

You can give it an ID and use document.getElementById("id"); or you can get it by tag name with document.getElementsByTagName("tr")[x];, where x is the number row (fifth row, x=5)

answered Sep 03 '15 at 19:42

vityavv

1,482
12
23

Refering to a particular table row in html

2 Answers2