在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需刷新才能执行]

上一个：网页设计常用的一些技巧
下一个：用JavaScript脚本实现Web页面信息交互

更多图片编程知识: