DOM下复制节点下所有内容的方法

<div id="t1"></div><div id="t2"></div><input type="button" onclick="test()" value="test1"/>
<input type="button" onclick="test2()" value="test2"/>
<script>
function test(){
var t1=document.getElementById("t1");var item=document.createElement("input");  
item.type="checkbox";
item.id="pid";
item.name="pid";  
item.value="1";var item1=document.createElement("input");  
item1.type="checkbox";
item1.id="pid";
item1.name="pid";
item1.value="2";t1.appendChild(item);
t1.appendChild(item1);}</script>现在想做到这样的效果，当点击test1按钮后出现复选框，选中复选框后点击test2按钮时候，把选中的checkbox全部都显示在id为t2的div里这个步骤怎么写

解决方案 »

  1.   

    1.遍历所有的checkbox
    2.用cloneNode复制选中的checkbox.
    3.插入t2
      

  2.   

    你应该把checkbox放到form中,让后按照willko(珂) 的方法操作
      

  3.   

    楼上的方法的确是正确的，但现在还有问题怎么把checkbox旁对应的文字标签也复制过来我是一个循环里先append checkbox，再紧跟用document.createTextNode创建文字标签的
      

  4.   


    <div id="t1"></div><div id="t2"></div><input type="button" onclick="test()" value="test1"/>
    <input type="button" onclick="test2()" value="test2"/>
    <script>
    function test(){
    var t1=document.getElementById("t1");
    for(var i=0;i<10;i++){
    var item=document.createElement("input");  
    item.type="checkbox";
    item.id="pid";
    item.name="pid";  
    item.value=i;var pname = document.createTextNode(i);t1.appendChild(item);
    t1.appendChild(pname);
    }
    }</script>
      

  5.   

    那要看你怎么组织HTML结构了。。
    ````
    <label>xxx<input.... name="c" /></label>然后document.getElementsByName("c")....遍历
    然后通过parentNode获得label
    之后cloneNode..
      

  6.   

    <html><body>
    <div id="t1"></div><div id="t2"></div><input type="button" onclick="test()" value="test1"/>
    <input type="button" onclick="test2()" value="test2"/>
    <script>
    function test(){
    var t1=document.getElementById("t1");
    for(var i=0;i<10;i++){
    var item=document.createElement("input");
    item.type="checkbox";
    item.id="pid";
    item.name="pid";
    item.value=i;var pname = document.createTextNode(i);t1.appendChild(item);
    t1.appendChild(pname);
    }
    }
    function test2(){  document.getElementById("t2").innerHTML=document.getElementById("t1").cloneNode(true).innerHTML
    }
    </script>
    </body>
    </html>