ie中无法使用document.createElement和appendChild

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>JSP Page</title>
        <script type="text/javascript">
            function addLine(){
                
            }
            
           function createTable(tj,tclass,hclass,dclass,fclass){
                        alert("---1");
var table=document.createElement("table");
                        alert("---2");
if(tclass){
                            alert("---3");
                            table.setAttribute("class", tclass)
                        }
for(i=0;i<tj.length;i++){
var tr=document.createElement("tr");
if(i==0&&hclass){
tr.setAttribute("class",hclass);
}else if(i==tj.length&&fclass){
tr.setAttribute("class",fclass);
}else if(dclass){
tr.setAttribute("class",dclass);
}
for(j=0;j<tj[i].length;j++){
var td=document.createElement("td");
var tx=document.createTextNode(tj[i][j]);
td.appendChild(tx);
tr.appendChild(td);
}
table.appendChild(tr);
}
                         alert("---4");
var d = document.getElementById("test_q");
                         alert("---5");
d.appendChild(table);
                         alert("---6");
                        return false;
}

        </script>
    </head>
    <body>
    <h1>JSP Page</h1>
    <a onclick="return createTable([['a','b'],['11','12'],['21','22']],'test')" href="sad">test</a>
    <table id="test_q"></table>
    </body>
</html>
在FF中正常，IE6中无法正常运行。在线跪求答案

解决方案 »

  1.   

    增加TR用 TABLEOBJ.insertRow()
    增加TD用 TROBJ.insertCell()
      

  2.   

    <table id="test_q"> </table> 
    table标签里用.appendChild在ie下是不行的可以使用1楼的既然你生成了个table标签把
    <table id="test_q"> </table>
    换
    <div id="test_q"> </div>应该也能解决你的问题。 
      

  3.   

    其实看你的程序
    换为<div id="test_q"> </div>后直接使用obj.innerHTML='<table><tr><td></td>...</tr>...</table>'要方便很多。
      

  4.   

    <!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=gb2312" />
    <title>无标题文档</title>
    </head>
    <body>
    <script type="text/javascript">
    function addtable()
    {
    var cell1 = document.createElement("td");
    var cell2 = document.createElement("td");
    var cell3 = document.createElement("td");
    cell1.appendChild(document.createTextNode("A"));
    cell2.appendChild(document.createTextNode("B"));
    cell3.appendChild(document.createTextNode("C"));

    var row1 = document.createElement("tr");
    row1.appendChild(cell1);
    row1.appendChild(cell2);

    var row2 = document.createElement("tr");
    cell3.colSpan = 2;
    row2.appendChild(cell3);

    //ie没有tbody显示不出来
    var tbody = document.createElement("tbody");
    tbody.appendChild(row1);
    tbody.appendChild(row2);

    var tb = document.createElement("table");
    tb.border = 1;
    tb.appendChild(tbody);

    document.body.appendChild(tb);
    }
    </script>
    <input type="button" value="addtable" onclick="addtable()" /></body>
    </html>参考一下吧