如何在Javascript中克隆整个表?

时间:2016-01-31 13:47:10

标签: javascript html

我尝试使用此处提到的cloneNode Copy the content of one table into another,但Chrome称cloneNode不是函数

https://jsfiddle.net/4wczdykc/1/

<table>
    <thead>

        <tr>
            <th scope="col" colspan="1">TABLE TO CLONE</th>
        </tr>

        <tr>
            <th>Column</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td></td>                         
        </tr>
    </tbody>
</table>

脚本:

myTable = document.getElementsByTagName("Table")[0];
myClone = myTable.cloneNode(true);
document.body.appendChild(myClone);

1 个答案:

答案 0 :(得分:7)

getElementsByTagName()方法访问具有指定标记名的所有元素。因此,您必须选择NodeList的第一个元素。所以通过[0]来选择它。

    myTable = document.getElementsByTagName("table")[0];
    myClone = myTable.cloneNode(true);
    document.body.appendChild(myClone);

WORKING FIDDLE