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

使用Javascript将一个元素中的innerHTML替换为另一个元素中的innerHTML,javascript,innerhtml,Javascript,Innerhtml,我想用基于其他元素类的不同elemets innerHTML的innerHTML替换特定类的innerHTML。我正在尝试将标题与所选菜单项动态匹配 基本上,我想使用“categorySidebarLabelSelected”类的任何内容的innerHTML 宾客关系 并将“启动文档”替换为基于类“areaTitle”的“来宾关系” 启动文档 因此,结果将是: <div class="areaTitle">Guest Relations</div> 宾客关系 使用G

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

基本上,我想使用“categorySidebarLabelSelected”类的任何内容的innerHTML

宾客关系
并将“启动文档”替换为基于类“areaTitle”的“来宾关系”

启动文档
因此,结果将是:

<div class="areaTitle">Guest Relations</div>
宾客关系

使用GetElementsByCassName

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

读一下这样的话:


jQuery没有被标记。
<div class="areaTitle">Guest Relations</div>
document.getElementsByClassName('areaTitle')[0].innerHTML = document.getElementsByClassName('categorySidebarLabelSelected')[0].innerHTML;
var str = $( "categorySidebarLabelSelected" ).text();
$( "areaTitle" ).html( str );