Home/ Questions/Q 723481
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-14T06:06:47+00:00

In Firefox it works, in my Internet Explorer 6 or 7 it doesn’t: <html>

  • 0

In Firefox it works, in my Internet Explorer 6 or 7 it doesn’t:

<html>
<head>

    <script type="text/javascript">
      function newLine() {
        var tdmod = document.createElement('td');
        tdmod.appendChild(document.createTextNode("dynamic"));

        var tr = document.createElement('tr');
        tr.appendChild(tdmod);

        var tt  = document.getElementById("t1");
        tt.appendChild(tr);
      }     

    </script>
</head>
<body>

    <a href="#" onclick="newLine()">newLine</a>

      <table id="t1" border="1">
        <tr>
          <td>
          static
          </td>  
        </tr>
      </table>

</body>

The user clicks on the link “newLine” and new rows should be added to the table.

How to make this work also in IE?

Edit: Thanks to the accepted answer I changed it like this and now it works:

  <table border="1">
   <tbody id="t1">
    <tr>
      <td>
      static
      </td>  
    </tr>
   </tbody>
  </table>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    (untested) you might try appending the row to a tbody element, either the one that is usually created automatically or one you define yourself.

    • 0