位置: 编程技术 - 正文
javascript如何创建表格(javascript绘制表格的二种方法)(javascript create)
编辑：rootadmin1、inserRow()和insertCell()函数
insertRow()函数可以带参数，形式如下：
insertRow(index)：index从0开始
这个函数将新行添加到index的那一行前，比如insertRow(0),是将新行添加到第一行之前。默认的insertRow()函数相当于insertRow(-1)，将新行添加到表的最后。一般我们在使用的时候都是：objTable.insertRow(objTable.rows.length).就是为表格objTable在最后新增一行。
insertCell()和insertRow的用法相同，这里就不再说了。
2、deleteRow()和deleteCell()方法
deleteRow()函数可以带参数，形式如下：deleteRow(index)：index从0开始
和上面两个方法差不多的意思，就是删除指定位置的行和单元格。要传入的参数：Index是行在表格中的位置，可以下面的方法取得然后去删除：
在使用过程中我碰到的一个问题跟大家说一下，就是删除表格的行的时候，如果你删除了某一行，那么表格行数是马上就变化的，所以如果你要删除表格的所有行，下面的代码是错误的：
这段代码要删除原来的表格的表体，有两个问题。首先不能是deleteRow(i)，应该是deleteRow(1)。因为在删除表格行的时候，表格的行数在变化，这就是问题的关键，rows.length总是在变小，删除的行数总是会比预想的要少一半，所以正确的删除表格的行的代码应该这样：
3、动态设置单元格与行的属性
A、采用setAttribute()方法，格式如下：setAttribute(属性，属性值)
说明：这个方法几乎所有的DOM对象都可以使用，第一个参数是属性的名称，比如说：border，第二个就是你要为border设置的值了，比如：1
其他的比如你要为一个TD设置高度，同样先取得这个TD对象，然后使用setAttribute()方法
在使用的时候遇到一个设置样式的问题，不能用setAttribute("class","inputbox2");而应该使用setAttribute("className","inputbox2")，呵呵，其他我估计也有同样的问题，有些属性和我们在DW里面的不一致，呵呵，大家自己摸索吧。
B、直接赋值
这个方法也全部适用，呵呵。
4、创建表格
了解了行<tr>与单元格<td>的增删那就可以创建表格了。
第一步：你需要有一个你去动态变化的表格，我这里讲的是已经存在页面的表格，我们要设置一个id:myTable
第二步：创建行与列的对象
这样就搞定了，可以简单的创建一个行和列了。具体的代码我贴在下面。只是很简单的例子，不过方法就大概是上面的了，呵呵，慢慢摸索吧~
5、appendChild()方法
推荐整理分享javascript如何创建表格(javascript绘制表格的二种方法)(javascript create)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:javascript怎么创建,使用js如何创建元素,javascript create,javascript create,javascript创建表格的方法,javascript中创建对象的三种方法,javascript怎么创建,javascript怎么创建,内容如对您有帮助，希望把文章链接给更多的朋友！
深入理解JavaScript高级之词法作用域和作用域链 主要内容：1、分析JavaScript的词法作用域的含义2、解析变量的作用域链3、变量名提升时什么最近在传智播客讲解JavaScript的课程，有不少朋友觉得JavaScrip
JavaScript Math.ceil() 函数使用介绍 Math.ceil(x)--返回大于等于数字参数的最小整数(取整函数)，对数字进行上舍入ceil是ceiling的缩写，中文"上限"的意思引用网址:
js的匿名函数使用介绍 1.匿名函数概述关于匿名函数的第一次认识还是在jquery源码里，打开jQuery首先看到的是(function(window,undefined){.......................})(window);这就是一个匿名函
下一篇：深入理解JavaScript高级之词法作用域和作用域链(深入理解javascript特性.pdf)
