javascript技巧篇（1） - javascript实现动态表格的三个重要方法

标签：ar   使用   java   sp   bs   javascript   as   tt   table   

要实现动态表格，首先需要掌握javascript提供的3个非常重要的方法

（1）使用insertRow()方法添加表格行数。在javascript中增加表格的行，首先需要确定新增行插入表格的位置，然后执行插入操作。

      var table=document.getElementById("mytable");//取得表格对象

      var  index=table.rows.length;//取得表格的行数

      var nextRow =table.insertRow(index);//取得新插入行的对象并执行插入操作（这句话，将新增行插入到表格的最后一行）

（2）使用deleteRow()方法删除表格的行。删除表格的行和增加表格的行类似，需要先确定删除行的位置，再删除。

     var table=document.getElementById("mytable");//取得表格对象

     var row=document.getElementById("rowId");//取得行对象

     var index=row.rowIndex;//取得行数的索引值

    table.deleteRow(index);//删除指定行

（3）使用setAttribute()方法设置元素的属性。例如设置某一行id的属性值

   var  nextRow=table.insertRow(index);//id对象

   nextRow.setAttribute("id",idVal);//设置id的值

javascript技巧篇（1） - javascript实现动态表格的三个重要方法

标签：ar   使用   java   sp   bs   javascript   as   tt   table   

原文地址：http://www.cnblogs.com/xiaowei-blog/p/4039461.html