Javascript 动态添加删除表格行

用JS实现动态添加或删除表格的行,有两种方法:

(1)添加:用HTML DOM Table对象的insertRow()方法创建TableRow对象,一个

                 TableRow对象代表一个标签,再调用TableRow对象的insertCell()方法

                 创建TableCell对象,一个TableCell对象代表一个标签

       删除:同样用Table对象的deleteRow(index),和TableRow对象deleteCell(index)

                方法删除各子对象

 (2)  添加:使用DOM 对象的createElement()方法,此方法可以创建绝大部分的HTML对

                 象,通过appendChild()方法将各个HTML对象嵌套在一起

       删除:用DOM对象的removeChild(obj)方法删除各子对象


示例:

表单HTML

addRow('tab')"/>


   
       
       
       
   
姓名地址操作


   //JS脚本--第一种方法

  


   //JS脚本--第二种方法

  


你可能感兴趣的:(Javascript 动态添加删除表格行)