在Javascript的HTML表格中动态添加表格行

Question

I have following code: 我有以下代码：

<body onload="LoadData()">
    <table id="myTable">
    </table>
</body>

And I have Javascript function like : 我有像这样的Javascript函数：

<script type="text/javascript">
    function LoadData()
    {
        var sTempTableRow='<tr><td>cell-1 </td><td>cell-2 </td><td>cell-3 </td><td>cell-4 </td></tr>'
        $('#myTable').append(sTempTableRow);
    }
</script>

I have tried numerous times and at all the times face an exception like Microsoft JScript runtime error: Object expected . 我已经尝试了无数次，而且每次都遇到Microsoft JScript runtime error: Object expected类的异常Microsoft JScript runtime error: Object expected 。

Please tell me what is the problem here. 请告诉我这里是什么问题。

Answer 1

Instead if the onload event use jquery's ready: 相反，如果onload事件使用jquery的ready：

<script type="text/javascript">
    $(document).ready(function()
    {
      var sTempTableRow='<tr><td>cell-1 </td><td>cell-2 </td><td>cell-3 </td><td>cell-4 </td></tr>';
      $('#myTable').append(sTempTableRow);
    });
</script>
<body>
    <table id="myTable">
    </table>
</body>

Answer 2

you can find the solution : 您可以找到解决方案：

$(document).ready(function(){
     var sTempTableRow='<tr><td>cell-1 </td><td>cell-2 </td><td>cell-3 </td><td>cell-4 </td></tr>'
     $('#myTable').append(sTempTableRow);
    });

and remove the onload statement. 并删除onload语句。

You can find the solution here . 您可以在此处找到解决方案。

在Javascript的HTML表格中动态添加表格行

问题描述

2 个解决方案

解决方案1
1 已采纳 2012-11-10 11:29:51

解决方案2
0 2012-11-10 11:34:20

在Javascript的HTML表格中动态添加表格行

问题描述

2 个解决方案

解决方案1 1 已采纳 2012-11-10 11:29:51

解决方案2 0 2012-11-10 11:34:20

解决方案1
1 已采纳 2012-11-10 11:29:51

解决方案2
0 2012-11-10 11:34:20