Filter table row according to TR class

[henk3]

I have a HTML table with a set of rows. The table rows have each groups of classes.
How do I display only a specific group.

For example…in the table layout below. How do I only display the rows with class= “page1” ?

<table>
<tr class="lesson-rows page1">...............................</tr>
<tr class="lesson-rows page1">...............................</tr>
<tr class="lesson-rows page1">...............................</tr>

<tr class="lesson-rows page2">...............................</tr>
<tr class="lesson-rows page2">...............................</tr>
<tr class="lesson-rows page2">...............................</tr>

<tr class="lesson-rows page3">...............................</tr>
<tr class="lesson-rows page3">...............................</tr> 
<tr class="lesson-rows page3">...............................</tr>
</table>

[SamuelCalifornia]

You can use either of the following.

• HTML DOM Table rows Collection and HTML DOM className Property
• HTML DOM getElementsByClassName() Method (for the table) and HTML DOM tagName Property

[coothead]

Hi there henk3,

would a CSS method be of interest?

coothead