dynamically add table row in HTML Table in Javascript
Question
I have following code:
<body onload="LoadData()">
<table id="myTable">
</table>
</body>
And I have Javascript function like :
<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 .
Please tell me what is the problem here.
2 answers
solution1
1 ACCPTED 2012-11-10 11:29:51
Instead if the onload event use jquery's 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>
solution2
0 2012-11-10 11:34:20
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.
You can find the solution here .
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.
Related Question
Add row in html table dynamically
Unable to dynamically add new row to HTML table using JavaScript
Add a button dynamically in a HTML table row using vanilla javascript
JavaScript - Dynamically add table rows in HTML table
dynamically add a blank row to html table
How to dynamically add row to html table
Dynamically insert a row in an HTML table with JavaScript
dynamically increase row size of HTML table in javascript
Dynamically add new table row in Javascript
Dynamically add table row with calculation javascript
Related Tags