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

Question

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

基本上我想把内部HTML用于类＃34; categorySidebarLabelSelected＆＃34;。

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

并替换＆＃34;启动文件＆＃34;与客户关系＆＃34;基于班级＆＃34; areaTitle＆＃34;。

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

所以结果将是：

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

Answer 1

使用getElementsByClassName。

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

Answer 2

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

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