将一个元素中的innerHTML替换为另一个具有Javascript的innerHTML

Replace innerHTML in one element with the innerHTML from another with Javascript

本文关键字：innerHTML 替换 Javascript 另一个 元素 一个      更新时间：2023-09-26

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

基本上，我想使用类为"categorySidebarLabelSelected"的内容的innerHTML。

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

并将"启动文档"替换为基于类"areaTitle"的"客户关系"。

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

所以结果是：

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

使用getElementsByClassName。

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

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

var str = $( "categorySidebarLabelSelected" ).text();
$( "areaTitle" ).html( str );
相关文章：