用Javascript在HTML表格中动态添加表行
用Javascript在HTML表格中动态添加表行
提问于 2012-11-10 19:27:13
我有以下代码：
<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这样的异常。
请告诉我这里有什么问题。
回答 2
Stack Overflow用户
回答已采纳
发布于 2012-11-10 19:29:51
相反，如果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>Stack Overflow用户
发布于 2012-11-10 19:34:20
您可以找到解决方案：
$(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。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/13321594
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号