Javascript 如何显示动态<；img src>；在网页上

我想做一个网站，允许用户输入问题，然后该网站将显示一些与用户输入相关的图片

我试图用imgsrc标记包装输出，但是输出只是一行代码而不是图片

<img src="path/reply.jpg" width="68" height="90" alt="reply">

我如何告诉网站将其识别为图片并显示

是否可以扩展此功能以嵌入youtube视频等

==================================================================

下面添加了一些脚本，我想这是限制输出为文本的代码

 function createRow(text) {
        var $row = $('<li class="list-group-item"></li>');
        $row.text(text);
        $chatlog.append($row);
      }

函数createRow（文本）{
var$row=$（'
）；
$row.text（text）；
$chatlog.append（$row）；
}

---

更新：我修改了

$row.text（text）

到

$row.html（文本），它现在可以正确显示html代码。
您可以使用ParentNode.append（）函数将新的图像元素附加到html中。（此处的文档：）

例如：

var yourImage = document.createElement("img");
yourImage.src = "some/dynamic/source.jpg"
document.body.append(yourImage);

这很简单，只需尝试以下更改：

将id属性添加到img标签：

<img src="path/reply.jpg" width="68" height="90" alt="reply" id="img1">

您可以使用jquery/javascript设置动态src。您可以给我jquery包的名称以便我可以尝试研究吗？感谢使用jquery，您只需执行
$（'img'）.src（'your image src'）
生成给定标记的代码在哪里？据我所知，你分享的代码片段没有问题，你是说我需要像这样把整个东西放到输出中？“var yourImage=document.createElement（“img”）；yourImage.src=“some/dynamic/source.jpg”document.body.append（yourImage）；”我的意思是这是一种在网页上显示动态的方法。您只需要将“some/dynamic/source.jpg”编辑到您的图像URL。而且，它是JavaScript代码，所以是的，它必须包装在标记中
 $(document).ready(function () 
 {
    $("#img1").attr({ "src": "img.jpg" });
 });