如何在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代碼？

回答

相關問題