用 Javascript 将一个元素中的 innerHTML 替换为另一个元素的 innerHTML答案

【问题标题】：Replace innerHTML in one element with the innerHTML from another with Javascript用 Javascript 将一个元素中的 innerHTML 替换为另一个元素的 innerHTML
【发布时间】：2015-02-06 16:27:47
【问题描述】：

我想用基于其他元素类的不同元素innerHTML 的innerHTML 替换特定类的innerHTML。我正在尝试将标题与所选菜单项动态匹配。

基本上我想采用具有“categorySidebarLabelSelected”类的任何内容的innerHTML。

<a class="categorySidebarLabelSelected">Guest Relations</a>

并根据类“areaTitle”将“开始文档”替换为“客户关系”。

<div class="areaTitle">Start a document</div>

所以结果是：

<div class="areaTitle">Guest Relations</div>

【问题讨论】：

标签： javascript innerhtml

【解决方案1】：

使用 getElementsByClassName。

document.getElementsByClassName('areaTitle')[0].innerHTML = document.getElementsByClassName('categorySidebarLabelSelected')[0].innerHTML;

【讨论】：

【解决方案2】：

阅读类似的内容：http://api.jquery.com/text/

var str = $( "categorySidebarLabelSelected" ).text();
$( "areaTitle" ).html( str );

【讨论】：

jQuery 没有被标记。