javascript - 如何在 Javascript 中克隆整个表?

标签 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);

最佳答案

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

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

WORKING FIDDLE

关于javascript - 如何在 Javascript 中克隆整个表?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35114530/

相关文章:

javascript数组对象值包含另一个数组值

javascript - 以空格分隔的样式字符串

javascript:如何逐行解析 FileReader 对象

javascript - 使用 ng-repeat 使用特定的 $index 添加表行

javascript - 在 javascript 对象中创建函数的不同方法有什么区别?

javascript - 在创建新 View 时在相似 View 上使用类而不是 id

javascript - 访问 div 元素时出现问题

javascript - Html5 Canvas - 使用fabric.js或不使用fabric.js绘制完美的线条

javascript - 右键单击时显示便签

html - 背景视频的作用类似于元素的 CSS 背景大小覆盖,而不是整个页面