Home/ Questions/Q 7083089
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-28T07:08:07+00:00

Suppose this table : <table> <tr><td>AAAAAAAA</td><td>NNNNNNNNNN</td></tr> <tr><td>AAAAAAAA</td><td>NNNNNNNNNN</td></tr> <tr><td>AAAAAAAA</td><td>NNNNNNNNNN</td></tr> <tr><td>AAAAAAAA</td><td>NNNNNNNNNN</td></tr> <tr><td>AAAAAAAA</td><td>NNNNNNNNNN</td></tr> </table> With this CSS:

  • 0

Suppose this table :

    <table>
        <tr><td>AAAAAAAA</td><td>NNNNNNNNNN</td></tr>
        <tr><td>AAAAAAAA</td><td>NNNNNNNNNN</td></tr>
        <tr><td>AAAAAAAA</td><td>NNNNNNNNNN</td></tr>
        <tr><td>AAAAAAAA</td><td>NNNNNNNNNN</td></tr>
        <tr><td>AAAAAAAA</td><td>NNNNNNNNNN</td></tr>
    </table>

With this CSS:

    <style>
    .even{background:red;}
    </style>

How can I write a pure js code that adds even class to even tr’s of table ? [No jQuery]

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I have corrected , here is answer:

    <html>
    <head>
        <title></title>
        <meta name="author" content="SAP"/>
        <meta name="keywords" content="key1,key2"/>
        <style>
            .even{color:red;background:blue;}
        </style>
        <script type="text/javascript">
            var i, len;
            function onload() {
                var i, len, rows = document.getElementById("mytable").getElementsByTagName("tr");
                for (i = 1, len = rows.length; i < len; i += 2) {
                    rows[i].className += " even";
                }

            }
        </script>
    </head>
    <body onload="onload()">
        <table id="mytable">
            <tr><td>AAAAAAAA</td><td>NNNNNNNNNN</td></tr>
            <tr><td>AAAAAAAA</td><td>NNNNNNNNNN</td></tr>
            <tr><td>AAAAAAAA</td><td>NNNNNNNNNN</td></tr>
            <tr><td>AAAAAAAA</td><td>NNNNNNNNNN</td></tr>
            <tr><td>AAAAAAAA</td><td>NNNNNNNNNN</td></tr>

        </table>
    </body>
</html>
    • 0