function add()
{
var tab1 = document.getElementById("tab1");
tab1.appendChild(addTR('',''));

var Tr1 = tab1.getElementsByTagName('tr');

var Trc = Tr1.length;
Tr1[Trc].appendChild(addTD('111','111111','111111'));
var Td1 = Tr1[Trc].getElementsByTagName('td');
alert(Td1.length);
}
function addTR(id,color)
{
var tr = document.createElement("tr");
tr.id = id;
tr.bgcolor = color;
return tr;
}
function addTD(id,color,value)
{
var td = document.createElement("td");
td.id = id;
td.bgcolor = color;
td.innerHTML = value;
return td;
}
</script>

解决方案 »

  1.   

    tab1.appendChildTr1[Trc].appendChild
    这种在element生成了之后再来调用
      

  2.   

    var Td1 = Tr1[Trc].getElementsByTagName('td');
    alert(Td1.length);
    這兩句是什么意思?
      

  3.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=big5" />
    <title>無標題文件</title>
    <script language="javascript">
    function add()
    {
    var trobj=addTR("1","red");
    var tdobj=addTD('111','#ff0000','111111');
    trobj.appendChild(tdobj);
    var tab1 = document.getElementById("tab1");
    tab1.firstChild.appendChild(trobj);
    var Tr1 = tab1.getElementsByTagName('tr');
    var Trc = Tr1.length;/*var Td1 = Tr1.getElementsByTagName('td');
    alert(Td1.length);*/
    }
    function addTR(id,color)
    {
    var tr = document.createElement("tr");
    tr.id = id;
    tr.style.backgroundColor = color;
    return tr;
    }function addTD(id,color,value)
    {
    var td = document.createElement("td");
    td.id = id;
    td.style.backgroundColor = color;
    td.innerText = value;
    return td;
    }
    </script></head>
    <body onload=add()>
    <table id="tab1" border=1>
    <TR><TD>No</TD></TR>
    </table>
    </body>
    </html>