Question

我有以下代码：

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

我有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>

我已经尝试了很多次，并且总是面临像Microsoft JScript runtime error: Object expected这样的异常。

请告诉我这里有什么问题。

Answer 1

相反，如果onload事件使用jquery就绪：

<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

你可以找到解决方案：

$(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);
    });

并删除onload语句。

您可以找到解决方案here。

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

2 个答案: