让我们一起爱米兰
站内搜搜:
移动设备
请扫描二维码
或访问
m.milan100.com
您所在的位置 -> 米兰百分百 -> JAVASCRIPT -> 在table中插入多行,使用与insertAdjacentHTML相似的功能

在table中插入多行,使用与insertAdjacentHTML相似的功能

点击数:1195 发表时间:2010-07-08 17:52:55 作者: 来源链接:
分享到:
分享到微信

  对于div等元素来说,插入一段html是很容易的事情,但是对于表格来说就太难了。一般情况下,我们都是用appendChild的方式,一行行、一格格地添加,操作起来很繁锁。能不能拼一串字符,就能直接加入到表格中呢?

  下面的例子实现了这个功能,同样地,该例支持IE和firefox。该功能的实现意义重大,这样页面元素的处理,就全部都能够用拼html字串的方法来实现了。


<html>
<body>
<table id=tb1 border=1 width=100>
    <tr><td>1</td></tr>
</table>
<button onclick=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>

0
很 好
0
一 般
0
差 劲
热门新闻
相关文章
上一篇: Javascript邮箱有效性验证
下一篇: JavaScript(js)字符串替换函数replace的用法
评论区
匿名

返回首页 | 收藏本页 | 回到顶部
Copyright 2010. 米兰百分百 Powered By Bridge.
京ICP备15050557号