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

How to copy element text from one location to another in HTML?

我有一个元素如下

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

我需要将单词 $$(#menu dt") aka Features 复制到 h1 之后的另一个位置，就像

w4 ... h1 ...特征

我还需要为这个新元素添加一个 class。

我尝试使用 

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

它复制元素并放置到新位置。但是，我也丢失了旧元素，也就是旧元素消失了。我只想复制而不是移动。

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

您可以使用 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/