javascript 动态创建表格的2种方法总结
第一种方法：
<html>
<head>
<script>
function createTable(rows,lines){
this.rows=rows;
this.lines=lines;
var Body=document.getElementById('body');
var Table=document.createElement('table');//创建table标签元素
Table.setAttribute('border','1');
//给table标签添加其他属性
for(var i=0;i<this.rows;i++){
var lRow=document.createElement('tr');
for(var j=0;j<this.lines;j++){
var textNode=document.createTextNode(i+','+j);
var lLine=document.createElement('td');
lLine.appendChild(textNode);
lRow.appendChild(lLine);
}
Table.appendChild(lRow);
}
Body.appendChild(Table);
}
</script>
</head>
<body >
<div id="body"></div>
</body>
<script type="text/javascript">
createTable(10,10);
</script>
</html>
第二种方法：
<script>
function createTable(rows,lines){
this.rows=rows;
this.lines=lines;
var Body=document.getElementById('body');
var Table=document.createElement('table');
Table.setAttribute('border',1);
for(var i=0;i<this.rows;i++){
var row=Table.insertRow(i);
for(var j=0;j<this.lines;j++){
var cells=row.insertCell(j);
cells.innerHTML=i+','+j
}
}
Body.appendChild(Table);
}
</script>
以上2种方法小伙伴们是否都了解了呢，如有更好的方法，也请大家留言说明下，大家共同进步。
-
本文向大家介绍javascript 动态创建表格，包括了javascript 动态创建表格的使用技巧和注意事项，需要的朋友参考一下 第二种方法：
-
本文向大家介绍Javascript动态创建表格及删除行列的方法，包括了Javascript动态创建表格及删除行列的方法的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了Javascript动态创建表格及删除行列的方法。分享给大家供大家参考。具体实现方法如下： 希望本文所述对大家的javascript程序设计有所帮助。
-
本文向大家介绍Javascript动态创建div的方法，包括了Javascript动态创建div的方法的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了Javascript动态创建div的方法。分享给大家供大家参考。具体实现方法如下： 希望本文所述对大家的javascript程序设计有所帮助。
-
本文向大家介绍JavaScript如何动态创建table表格，包括了JavaScript如何动态创建table表格的使用技巧和注意事项，需要的朋友参考一下 两种JavaScript动态创建table表格的方法，分享给大家，具体实现如下 方法一：最原始的方法，创建一一元素 方法二：利用table对象里面含有的函数：插入行和插入列 动态的创建和删除： 创建表格，通过输入的值： 删除行： 删除列： 完整
-
本文向大家介绍JS中动态创建元素的三种方法总结(推荐)，包括了JS中动态创建元素的三种方法总结(推荐)的使用技巧和注意事项，需要的朋友参考一下 1、动态创建元素一 document.write() 例如向页面中输出一个 li 标签 body标签中就会插入但是这种方法几乎不用，因为这回影响页面的布局，甚至会将页面原来的内容冲刷掉，从而只显示输出内容 2、动态创建元素二 innerHTML div标签
-
本文向大家介绍javascript动态创建链接的方法，包括了javascript动态创建链接的方法的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了javascript动态创建链接的方法。分享给大家供大家参考。具体分析如下： 动态创建链接示例： 希望本文所述对大家的javascript程序设计有所帮助。