如何在div中触发javascript时将整个div复制到另一个div

【问题标题】：Howto copy a whole div to another div when javascript is triggered in the div如何在div中触发javascript时将整个div复制到另一个div
【发布时间】：2010-01-29 12:42:21
【问题描述】：

我有两列。人们必须从第一列中选择元素，然后将其添加到第二列。

我可以使用innerHTML，但我不知道会有多少元素。因此，当我单击链接“MOVE”时，我必须知道元素的 ID（在示例 element1、element2 或 element3 中）。有人知道我如何获取触发 javascript 的父 div 的父级吗？

像这样：

<div id="column1">
  <div id="element1">random tekst 1
      <div id="right">
          <a href="#" onclick="copy()">MOVE</a>
      </div>
  </div>
  <div id="element2">random tekst 2
      <div id="right">
          <a href="#" onclick="copy()">MOVE</a>
      </div>
  </div>
  <div id="element3">random tekst 3
      <div id="right">
          <a href="#" onclick="copy()">MOVE</a>
      </div>
  </div>
</div>

<div id="column2">

</div>

【问题讨论】：

标签： javascript html

【解决方案1】：

您可以将锚元素的引用传递给函数副本，并使用parentNode 属性来获取直接父元素。

<a href="#" onclick="copy(this)">MOVE</a>

function copy(elem)
{
    alert(elem.parentNode.parentNode)
}

见parentNode

您的完整复制功能将是

    function copy(elem)
    {
        var target = document.getElementById ( "column2");
        target.appendChild ( elem.parentNode.parentNode );
    }

Working Demo

注意

您的 HTML 也有问题。您有多个具有相同 ID 的元素。这是无效的。您有多个 div 元素具有相同的 id “right”。将这些更改为唯一 ID。

【讨论】：