读书人

表格内容的动态填充解决方法

发布时间: 2012-03-09 16:54:57 作者: rapoo

表格内容的动态填充

HTML code
<table width="200" border="1">  <tr>    <td>aaa</td>    <td>bbb</td>    <td>cccc</td>  </tr>  <tr>    <td>111</td>    <td>222</td>    <td>333</td>  </tr>  <tr>    <td>rrf</td>    <td>ssa</td>    <td>gtt</td>  </tr></table>


用JS实现表格单元格内容的动态呈现,即依此填充单元格内容,能否实现?

[解决办法]
HTML code
<table width="200" border="1" id="tab"></table><SCRIPT LANGUAGE="JavaScript"><!--    var arr = [];    arr[arr.length] = ["aaa","bbb","cccc"];    arr[arr.length] = ["111","222","333"];    arr[arr.length] = ["rrf","ssa","gtt"];    var tab = document.getElementById("tab");    for (var i=0; i<arr.length; i++)    {        var newrow = tab.insertRow();        for (var j=0; j<arr[i].length; j++)        {            var newcell = newrow.insertCell();            newcell.innerHTML = arr[i][j];        }    }//--></SCRIPT> 

读书人网 >JavaScript

热点推荐