Home/ Questions/Q 8541479
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-11T11:50:30+00:00

i’m getting the following error: TypeError: document.getElementById(myTable) is null on document.write(document.getElementById(myTable).rows[i].innerHTML); It goes into

  • 0

i’m getting the following error:

TypeError: document.getElementById("myTable") is null

on document.write(document.getElementById(“myTable”).rows[i].innerHTML);
It goes into a never ending loop.

Can someone tell me on what i’m doing wrong? Thank you.

My code:

<script type="text/javascript">
function colorRows(){
count=document.getElementById("myTable").rows.length;
alert("count is:"+count);
            for (i=0;i<=count;i++){
                if (i%2===0){
                    document.write(document.getElementById("myTable").rows[i].innerHTML);
                }
            }
}
</script> 
</head>

<body>
<table id="myTable">

<tr>
    <th>emp_id</th>
    <th>name</th>
    <th>age</th>
</tr>
<tr>
    <td>1</td>
    <td>vaani</td>
    <td>35</td>
</tr>
<tr>
    <td>2</td>
    <td>Ramu</td>
    <td>37</td>
</tr>
<tr>
    <td>3</td>
    <td>Iniyan</td>
    <td>5</td>
</tr>
<tr>
    <td>4</td>
    <td>Mickey</td>
    <td>10</td>
</tr>
</table>
<form method="post" action="JavaScript:colorRows();">
<input type="submit" value="Submit" />
</form>
</body>
</html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    It is because when you do document.write in the loop in the first time you clear dom and there is no more table element, and when you do document.write in the second time then document.getElementById("myTable") provides null. So browser stops the script provide the error.

    • 0