Javascript 使用函数更改文本并包含项目符号图像

我想找出一些没有结果的东西。我有一个简单的

这里有一些时态文本

JAVASCRIPT:

 <img id="button1" src="images/info.png"/>
 <h3 class="text1"> Here's some temporal text </h3>

$（“#按钮1”）。单击（函数（）{
$（“.text1”）.text（'这将是新文本，也包括一个项目符号，在这里继续文本，但似乎项目符号没有被呈现：（仅作为文本'）；
});

您能帮我找到一个解决方案吗？

使用而不是

。text（）

作为

。text（）

将只设置元素的

textContent

，它不会将提供的参数作为

DOM元素插入


$（“#按钮1”）。单击（函数（）{
$（“.text1”）.html（'这将是新文本，也包括一个项目符号，在这里继续文本，但似乎项目符号没有被呈现：（仅作为文本'）；
})；

这里有一些时态文本
使用而不是
.text（）
作为
.text（）
将只设置元素的
textContent
，它不会作为
DOM元素插入提供的参数


$（“#按钮1”）。单击（函数（）{
$（“.text1”）.html（'这将是新文本，也包括一个项目符号，在这里继续文本，但似乎项目符号没有被呈现：（仅作为文本'）；
})；

这里有一些临时文本
供进一步参考：请看和。谢谢@RayonDabre它工作得很好！你是最好的，所以这就是我问题的答案，使用.html而不是.text供进一步参考：请看和。谢谢@RayonDabre它工作得很好！你是最好的，所以这就是我问题的答案，请使用.html而不是.text
 $( "#button1").click(function() {
 $(".text1").text('This will be the new text also including a bullet <img src="images/bullet.png" style="margin-right:10px;"/> And here continues the text, but seems to be that the bullet is not being rendered:( only as text');
 });