急，在线等

<td nowrap bgcolor="#FFFFFF" class="f12-l14">
<p align="center">
&nbsp;&nbsp;&nbsp;<input type="checkbox" name="watch_target" value="analog">表示
</p>
</td>
通过js操作Dom建立如上td该如何实现？

解决方案 »

  1.   

    td.innerHTML="<input type='checkbox'>"+"文字";
      

  2.   

    用appendChild有没有实现的方法？
      

  3.   

    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>new page</title>
    <script>
    function a(){
    var trObj=document.getElementById("tr1");
    var tdObj=document.createElement("td");
    var p=document.createElement("p");
    var textnode=document.createTextNode('文字');
    var checkbox=document.createElement("input");
    checkbox.type="checkbox";
    checkbox.name="watch_target";
    checkbox.value="analog";
    p.appendChild(checkbox);
    p.appendChild(textnode);
    tdObj.appendChild(p);
    trObj.appendChild(tdObj);
    }
    </script>
    </head>
    <body>
    <table border="1" width="100%" id="table1">
    <tr id=tr1>
    </tr>
    </table>
    <input type=button onclick=a() value=ok>
    </body>
    </html>
      

  4.   

    谢谢，我已经做出来了，但是td的nowrap bgcolor="#FFFFFF" class="f12-l14"这些属性该怎么添加阿？我通过节点的setAttribute添加但是在页面没有任何变化，还有nowrap该如何添加？
      

  5.   

    var tdObj=document.createElement("td");
    ========>
    var tdObj=document.createElement("td");
    tdObj.nowrap=true;
    tdObj.bgcolor="#FFFFFF";
    tdObj.class="f12-l14";
      

  6.   

    td.noWrap="true";  忘记了要不要"",你试一下
      

  7.   

    tdObj.class="f12-l14";
    这句不对阿，是什么原因呢？
      

  8.   

    试试
    tdObj.className="f12-l14";