JS动态创建表与添加元素？

代码如下：
   var newTable =   document.createElement("table");
    newTable.setAttribute("border","1px");
    newTable.setAttribute("width","200px");    for(var i=0;i<vRet.length;i++)
    {     
        var newrow= newTable.insertRow("Row"+i);
//        newTable.appendChild(newrow);
        var newcell = newrow.insertCell("Cell"+i)
        var select =document.createElement("checkbox");
        select.checked=true;
        select.setAttribute("id","ck_"+i);
        newcell.appendChild(select);
        var label=document.createElement("label");
        label.setAttribute("for",select["id"]);
        label.innerHTML=vRet[i];
        newcell.appendChild(label);
//        newrow.appendChild(newcell);
//        newTable.appendChild(newrow);
               
     }
     document.getElementById("roleID").appendChild(newTable);  <td id="roleID"></td>
我想在roleID中添加上面动态创建的表，vRet数组有数据也插入不显示任何插入的元素，也不报错，哪里出错，找了半天，没有答案，求救！

解决方案 »

  1.   

    vRet 数组没有定义
    <td id="roleID"><td> 改成<div id="roleID"></div><!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>
        <title></title>
    </head>
    <body>
        <div id="roleID">
        </div>
    </body>
    </html><script>
        var newTable = document.createElement("table");
        newTable.setAttribute("border", "1px");
        newTable.setAttribute("width", "200px");
        var vRet = [1, 2, 3, 4, 5]
        for (var i = 0; i < vRet.length; i++) {
            var newrow = newTable.insertRow("Row" + i);
            // newTable.appendChild(newrow);
            var newcell = newrow.insertCell("Cell" + i)
            var select = document.createElement("checkbox");
            select.checked = true;
            select.setAttribute("id", "ck_" + i);
            newcell.appendChild(select);
            var label = document.createElement("label");
            label.setAttribute("for", select["id"]);
            label.innerHTML = vRet[i];
            newcell.appendChild(label);
            // newrow.appendChild(newcell);
            // newTable.appendChild(newrow);
        }
        document.getElementById("roleID").appendChild(newTable);
    </script>
      

  2.   

    <table border=1><tr><td id="roleID">空表</td></tr></table>
    <script type="text/javascript">
    var newTable = document.createElement("table");
    newTable.setAttribute("border","1px");
    newTable.setAttribute("width","200px");
    var vRet=['a','b','c'];
    for(var i=0;i<vRet.length;i++)
    {
    var newrow= newTable.insertRow("Row"+i);
    // newTable.appendChild(newrow);
    var newcell = newrow.insertCell("Cell"+i)
    var select =document.createElement("checkbox");
    select.checked=true;
    select.setAttribute("id","ck_"+i);
    newcell.appendChild(select);
    var label=document.createElement("label");
    label.setAttribute("for",select["id"]);
    label.innerHTML=vRet[i];
    newcell.appendChild(label);
    // newrow.appendChild(newcell);
    // newTable.appendChild(newrow);
    }
    document.getElementById("roleID").appendChild(newTable);
    </script>
      

  3.   

    晕，没有checkbox这种标签吧
    var select =document.createElement("checkbox");  var select =document.createElement("input");
      select.type='checkbox'
      select.checked=true;
      select.setAttribute("id","ck_"+i);
      newcell.appendChild(select);