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

Question

我想用基于其他元素类的不同元素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> 

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);