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

Question

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

            tabbedContent = <ItemsContent items={[this.state.items]}></ItemsContent>;

如何更换文字＆＃34;相关活动＆＃34;改为使用下面的HTML代码？

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

Answer 1

您需要使用.html()代替.text()：

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

Answer 2

使用：html（）喜欢

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

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

有关详情，请查看http://api.jquery.com/html/

Answer 3

我不建议你在JavaScript中硬编码HTML，因为从长远来看，维护起来非常困难。

在一个完美的世界中，你可以通过AJAX调用后端服务来返回HTML，或者你可以使用像AngularJS或React.JS这样的框架或库。

现在，要回答您的问题，只需更改.text()的{​​{1}}。