How to create a dynamic row by skipping first row in a table
Question
I want to create a new row in the below tbody but after the first row ( "aaaaa" ).
<html>
<body onload="generate()">
<table id="myTable">
<thead>
<tr>
<th>My Header</th>
</tr>
</thead>
<tbody id="myList">
<tr>
<td>aaaaa</td>
</tr>
</tbody>
</table>
</body>
<script>
function generate(){
var node = document.createElement("tr");
node.setAttribute("id","one");
var textnodeTD = document.createElement("td");
var values = document.createTextNode("AAAAA");
document.getElementById("myList").lastChild(node);
document.getElementById("one").appendChild(textnodeTD);
textnodeTD.appendChild(values);
}
</script>
</html>
1 answers
solution1
3 2017-10-16 11:14:35
Change the lastChild to appendChild
function generate() { var node = document.createElement("tr"); node.setAttribute("id", "one"); var textnodeTD = document.createElement("td"); var values = document.createTextNode("AAAAA"); document.getElementById("myList").appendChild(node); document.getElementById("one").appendChild(textnodeTD); textnodeTD.appendChild(values); }
<body onload="generate()"> <table id="myTable"> <thead> <tr> <th>My Header</th> </tr> </thead> <tbody id="myList"> <tr> <td>aaaaa</td> </tr> </tbody> </table> </body>
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
jQuery: skipping first table row
how to create dynamic row in a table javascript angular 2
Dynamic table first row need to sow first
How to create dynamic row of table using Struts 1.3 and javascript
Create table based on data in the first row of the table and first column of the table
Create row ID for dynamic JS Table
Create table canvas with dynamic row and column values
how to create dynamic row with input fields in html table from given row
Dynamic Table that multiplies the numbers of the first column with the numbers of the first row
Javascript : Creating a dynamic table with column title on the first row and row title in the first column
Related Tags