Home/ Questions/Q 8954147
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-15T14:15:09+00:00

I have to remove certain tr which have a particular class in a table..I

  • 0

I have to remove certain tr which have a particular class in a table..I tried the below stuff but it does not seem to work

var d1 = document.getElementsByClassName("t1");
    for (var i = 0; i < d.length; i++) {
        d1[i].parentElement.removeChild(d1[i]);
    }

Can someone please guide me in the right direction

<html>
    <head>
        <script type="text/javascript">
            function removeTR (){
            }
        </script>
    </head>
    <body onload="javascript:removeTR()">
        <table>
            <tr >
                <td></td>
            </tr>
            <tr class="t1">
            </tr>
            <tr class="t1">
            </tr>
        </table>
    </body>
</html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You have a few typo and another more fundamental problem : you can’t iterate this way and remove at the same time on a dynamic collection (a live NodeList) as returned by getElementsByTagName.

    var d = document.getElementsByClassName("t1");
for (var i = 0; i < d.length; i++) {
    d[i].parentElement.removeChild(d[i]);
}

    At second iteration you would try to remove element at index 1 but there still would be an element at index 0 which thus would never be removed.

    A solution is this :

    var d = document.getElementsByClassName("t1");
while (d.length) d[0].parentElement.removeChild(d[0]);

    Demonstration

    • 0