Javascript动态创建表的2种方法的总结
复制代码代码如下所示:
功能createtable(行线){
行=行;
这行=行;
VaR的身体= document.getelementbyid('body);
无功表= document.createelement(}}); / /创建一个表的标签元素
table.setattribute('border''、‘);
对表标记添加其他属性
对于(var i = 0;i < this.rows;i++){
无功lrow = document.createelement(TR');
对于(var j = 0;J < this.lines;j++){
var文本= document.createtextnode(我+ ',' + J);
VaR线= document.createelement('td);
lline.appendchild(文本);
lrow.appendchild(线);
}
table.appendchild(lrow);
}
Body.appendChild(表);
}
CreateTable(10,10);
第二方法:
复制代码代码如下所示:
功能createtable(行线){
行=行;
这行=行;
VaR的身体= document.getelementbyid('body);
无功表= document.createelement(}});
table.setattribute('border',1);
对于(var i = 0;i < this.rows;i++){
无功行= table.insertrow(我);
对于(var j = 0;J < this.lines;j++){
VaR细胞= row.insertcell(J);
细胞。innerHTML = I + ',' + J
}
}
Body.appendChild(表);
}
以上2种方法的群体都意识到了,如果有更好的办法,请留言解释,大家一起进步。