Заменить innerHTML в одном элементе с innerHTML от другого с помощью Javascript

Question

Я хотел бы заменить innerHTML определенного класса на innerHTML различных элементов intHTML на основе этого другого класса элементов. Я пытаюсь динамически сопоставить заголовок с выбранным пунктом меню.

В принципе, я хочу взять innerHTML того, что имеет класс «categorySidebarLabelSelected».

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