如何用createElement创建'Table'对像

<script language="javascript">
function test(){
var tab=document.createElement('table');
var tr=tab.insertRow();
var td=tr.insertCell();
tab.border=1;
td.innerHTML='aaaaaaa';
tab.bgcolor='blue';
//alert(tab.outerHTML);
document.all('t1').insertAdjacentElement('afterEnd', tab);
}
</script>
</HEAD><BODY onload="test();" bgcolor="#FFFFFF" text="#000000" leftmargin="0" topmargin="0">
<DIV id="t1"></DIV>
<button onclick="test();">测试按钮</button>
</BODY>

解决方案 »

  1.   

    我试了，EGLIC的也不行，浏览器报错说：document.all(...)为空或不是对象……怎么回事？？
    高手们？？？？？
      

  2.   

    在用createElement创建表格的时候，不能忘记了tbody
    因为这才是tr的parentElement
      

  3.   

    你的问题感觉很奇怪,我感觉你的代码也没问题.但我这样可以添加,具体原因还等高手来说<html>
    <head>
    <script language="javascript">
    function test(){
    var tab=document.createElement('table');
    var tr=document.createElement('tr');
    var td=document.createElement('td');
    td.innerText='aaaaaaa';
    tr.appendChild(td);
    tab.appendChild(tr);
    tab.bgcolor='blue';
    t1.appendChild(tab);
    t1.outerHTML = t1.outerHTML;
    }</script>
    </HEAD><BODY  bgcolor="#FFFFFF" text="#000000" leftmargin="0" topmargin="0">
    <DIV id="t1"></DIV>
    </BODY>
    <script>
    test();
    </script>