对于div等元素来说,插入一段html是很容易的事情,但是对于表格来说就太难了。一般情况下,我们都是用appendChild的方式,一行行、一格格地添加,操作起来很繁锁。能不能拼一串字符,就能直接加入到表格中呢?
下面的例子实现了这个功能,同样地,该例支持IE和firefox。该功能的实现意义重大,这样页面元素的处理,就全部都能够用拼html字串的方法来实现了。
◇ 程序标题 - 运行JS |
<html> <body> <tableid=tb1 border=1 width=100> <tr><td>1</td></tr> </table> <buttononclick=run()>插入行</button> </body>
<script> function run(){ insTable(document.getElementById("tb1"),"<tr><td>2</td></tr><tr><td>3</td></tr>") } function insTable(tb,str){ var o=document.createElement("div"),ol o.innerHTML="<table>"+str+"</table>" ol=o.childNodes[0].tBodies[0].rows while(ol.length>0){ tb.tBodies[0].appendChild(ol[0]) } } </script> |
posted on 2006-04-24 08:38
汪杰 阅读(1527)
评论(1) 编辑 收藏 引用