1

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>
3
  • wow, a Javascript code not working in IE? Commented Apr 8, 2010 at 21:26
  • 1
    Yeah; never ever heard of that happening before. Inconceivable! Commented Apr 8, 2010 at 21:28
  • I knew the headline would somehow get your attention ;-) Commented Apr 8, 2010 at 21:30

2 Answers 2

7

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

Sign up to request clarification or add additional context in comments.

1 Comment

it seems to work :-) will accept the answer after the so timout
4

Always put

<tbody> 

in table for IE

Comments

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.