Javascript 如何在JS函数中添加HTML代码？

我使用以下js将名为.relatedactivities的类中的文本替换为另一个文本。在下例中，文本为相关活动

<script>
$(document).ready(function(){
                $(".relatedactivities").text('Related Activities');
})
</script>

$（文档）.ready（函数（）{
$（“.relatedactivities”）.text（“相关活动”）；
})

如何用下面的HTML代码替换文本“相关活动”

<h1 class="GreenLrg" align="center">Related Activities</h1>
<div align="center"> <a href="/activities/kauai/ziplineadventures/koloa-zipline.htm">
<div class="CatBox"><img src="/Portals/0/1koloa-zipline-tour-2.jpg" height="174" width="231"><span>Koloa Zipline Tour</span></div>
</a> <a href="/activities/kauai/ziplineadventures/zip-n-dip-expedition.htm">       
<div class="CatBox"><img src="/Portals/0/2zip-n-dip-2.jpg" height="174" width="231"><span>Zip N' Dip Expedition</span></div>
</a> <a href="/activities/kauai/ziplineadventures/kipu-falls-safari.htm">
<div class="CatBox"><img src="/Portals/0/3kipu-zipline-safari-2.jpg" height="174" width="231"><span>Kipu Zipline Safari</span></div>
<p></p>
</a></div><a href="/activities/kauai/ziplineadventures/kipu-falls-safari.htm">

相关活动

您需要使用

.html（）

而不是

.text（）

：

$（“.relatedactivities”）.html（'relatedactivities…'）；

使用：html（）类似

此方法使用浏览器的innerHTML属性。某些浏览器可能不会返回与原始文档中的HTML源完全相同的HTML。例如，如果属性值仅包含字母数字字符，Internet Explorer有时会在属性值周围去掉引号

---

有关这方面的更多信息，请查看我不建议您在JavaScript中硬编码HTML，因为从长远来看，它将变得非常难以维护

在一个完美的世界中，您可以通过AJAX调用后端服务，该服务将返回HTML，或者您可以使用AngularJS或React.JS之类的框架或库

---

现在，要回答您的问题，只需将

.text（）

更改为

.html（“”）

您是否尝试过使用innerHTML的div？谢谢大家的帮助！

$(".relatedactivities").html('<h1 class="GreenLrg" align="center">Related Activities</h1>...');

 $(".relatedactivities").html('your code html');