在网页上显示动态,javascript,html,css"/>
时间戳

首页 > 解决方案 > 如何在网页上显示动态

javascript - 如何在网页上显示动态

问题描述

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

我试图将输出包装在 img src 标签中，但是输出只是一行代码而不是图片

<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);
      }

更新：我修改$row.text(text);为$row.html(text);，现在可以正常显示html代码了。

标签： javascripthtmlcss

解决方案

您可以使用 ParentNode.append() 函数将新的图像元素附加到您的 html 中。（此处的文档：https ://developer.mozilla.org/en-US/docs/Web/API/ParentNode/append ）

例子：

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

推荐阅读