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

-1

我正在使用下面的js来替换名为.relatedactivities和另一个文本的类中的文本。在下面的例子中，文字是相关活动。如何在JS函数中添加HTML代码？

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

如何用下面的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">

来源

2016-04-08 Parlanchina

您是否尝试过使用innerHTML的div？ – durbnpoisn

我不建议你硬编码的HTML在你的JavaScript，因为它会变得非常困难，从长远来看，以保持。

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

现在，要回答您的问题，只需更改.text()为.html('<html here/>')。

来源

2016-04-08 19:18:05 justinledouxweb

谢谢大家的帮助！ – Parlanchina

你需要使用.html()而不是.text()：

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

来源

2016-04-08 19:15:45 Jeff

用途：HTML（）之类

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

此方法使用浏览器的innerHTML属性。某些浏览器可能不会返回原始文档中完全复制HTML源代码的HTML。例如，如果Internet Explorer仅包含字母数字字符，则有时会忽略属性值的引号。

欲了解更多有关检查http://api.jquery.com/html/

来源

2016-04-08 19:15:53

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

回答

相关问题