用一個元素中的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);