Javascript 在浏览器中克隆标记表列

Javascript 在浏览器中克隆标记表列,javascript,html,markdown,Javascript,Html,Markdown,我有一个.md文件,其中有一个单列表。 该文件大约有50行,但下面是一个只有5行的模式示例。 我想克隆该列,以便有两个具有相同基本结构的相邻列 当前输入: | First name | |------------| | Name 1 | | Name 2 | | Name 3 | | Name 4 | | Name 5 | 通过克隆所需的输入: | First name | First name | |------------|------------|

我有一个
.md
文件,其中有一个单列表。
该文件大约有50行,但下面是一个只有5行的模式示例。
我想克隆该列,以便有两个具有相同基本结构的相邻列

当前输入:

| First name |
|------------|
|   Name 1   |
|   Name 2   |
|   Name 3   |
|   Name 4   |
|   Name 5   |
通过克隆所需的输入:

| First name | First name |
|------------|------------|
|   Name 1   |   Name 1   |
|   Name 2   |   Name 2   |
|   Name 3   |   Name 3   |
|   Name 4   |   Name 4   |
|   Name 5   |   Name 5   |
我希望在编辑模式(编辑页面)中进行克隆,以便将克隆的数据保存在编辑模式中

如果我复制粘贴列→ 克隆将显示在第一个表下,但不在其右侧,因此需要另一个操作。
我认为JavaScript
cloneNode()
方法很有用,我在编辑页面中尝试了以下代码来克隆第一个示例(“当前输入”):

document.querySelector("#wmd-preview > pre:nth-child(3) > code").cloneNode();
但是代码没有被克隆,JavaScript控制台只输出了


在编辑页面中如何克隆表?除非另有说明,否则CloneNode函数不会进行深度克隆。试试这个

document.querySelector("#wmd-preview > pre:nth-child(3) > code").cloneNode(true);
参考:&