易网时代-编程资源站
Welcome
微信登录
首页
/
脚本样式
/
JavaScript
/
在table中插入多行，能使用与insertAdjacentHTML相似的功能吗？
对于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>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
版权所有©石家庄振强科技有限公司2024
冀ICP备08103738号-5
网站地图
易网时代-编程资源站
易网时代-编程资源站