如何在HTML中将元素文本从一个位置复制到另一个位置？

Question

我有一个元素如下

<div id="menu">
<dl>
<dt>Features</dt>
<dd>
... Menu elements
</dd>
</dl>
</div>

我需要在h1之后将单词$$(#menu dt") aka features复制到另一个位置

w4 ... h1 ...功能

此外，我还需要为这个新元素添加一个类。

我尝试使用

$$("#menu dt").inject($$("#w4 h1")[0],'after');

它会复制元素并放入新位置。然而，我也失去了旧元素，又称旧元素消失了。我只是想复制不动。

Answer 1

我不知道您的Mootools版本是什么，但有appendText和appendHTML函数可用：http://mootools.net/core/docs/1.5.1/Element/Element#Element:appendHTML

Answer 2

您可以使用el.get('text');获取文字，然后使用setter将其添加到'w4 h1'。类似的东西：

$$("#menu dt").each(function (el) {
    var text = el.get('text');
    document.getElement('w4 h1').set('html', text);
});

jsFiddle：https://jsfiddle.net/09tvfjdj/1/