asfman
android developer
posts - 90,  comments - 213,  trackbacks - 0
对于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 汪杰 阅读(1519) 评论(1)  编辑 收藏 引用

FeedBack:
# re: 在table中插入多行,能使用与insertAdjacentHTML相似的功能吗?
2007-03-16 10:21 | dasda
fsdf  回复  更多评论
  
只有注册用户登录后才能发表评论。

<2006年4月>
2627282930311
2345678
9101112131415
16171819202122
23242526272829
30123456

常用链接

留言簿(15)

随笔分类(1)

随笔档案(90)

文章分类(727)

文章档案(712)

相册

收藏夹

http://blog.csdn.net/prodigynonsense

友情链接

最新随笔

搜索

  •  

积分与排名

  • 积分 - 456693
  • 排名 - 6

最新随笔

最新评论

阅读排行榜

评论排行榜