<div id="div1" style="border:1px solid #000;width:500px;height:500px;"></div>
如何用js 在div1里面插入一个5行*5列的表格呢

解决方案 »

  1.   

    var tabstr='5行*5列的表格字符串';document.getElementById('div1').innerHTML=tabstr;
      

  2.   

    用js创建一个表格,div.appendChild(table)就可以了
      

  3.   

       function addTable() {
           var div = document.getElementById("div1");
           var table = '<table width="100%">'
                       +'<tr><td></td><td></td><td></td><td></td><td></td></tr>'
                       +'<tr><td></td><td></td><td></td><td></td><td></td></tr>'
                       +'<tr><td></td><td></td><td></td><td></td><td></td></tr>'
                       +'<tr><td></td><td></td><td></td><td></td><td></td></tr>'
                       +'<tr><td></td><td></td><td></td><td></td><td></td></tr>'
                       +'</table>';
           div.innerHTML = table;
       }