使用Javascript动态添加删除表中的行

这是近来项目中用到的一个功能,主要是用Javascript+DOM+CSS来实现。主要功能其实用innerHTML也可以,不过用DOM能更好支持不同的浏览器,同时也易于代码维护。

点击此处查看本实例的效果。

有两点要值得注意:

  1. 动态创建单选按钮时,IE下不能用setAttribute方法添加name和checked属性,相反地,Firefox下不能用createElement(htmlStr)来添加namet和和checked属性。我们可以先判断浏览器类型,再分别设置。
  2. 动态创建hr时,Firefox下不支持color、size属性,我们这里使用CSS来解决这一问题。

发表评论