时间戳

首页 > 解决方案 > 如何将 HTML 字符串转换为表格？

javascript - 如何将 HTML 字符串转换为表格？

问题描述

我有一个存储为字符串的表体对象。我尝试使用 javascript 将 HTML 表设置为该字符串，如下所示（{{}} 是因为我使用 Flask 来获取字符串）：

方式一：

document.getElementsByTagName("tbody")[0].outerHTML= "{{tbody_string }}";

方式二：

document.getElementsByTagName("table")[0].outerHTML = '<table>' + "{{tbody_string }}" + '</table>'

方式3：

document.getElementsByTagName("table")[0].innerHTML = "{{tbody_string}}";

这些都不起作用。相反，该表被创建并存储tbody_string为实际文本内容，而不是将其视为 html。我已经将这些结构和烧瓶变量与其他 HTML 元素一起使用，例如input它工作正常，但它似乎不适用于 table。想法？

额外信息：

字符串如下所示：

'<tbody> <tr> <td>Name</td> <td> <input type="text" name="parameters_name" id="name" class="form-control"> </td> </tr> </tbody>'

此处仅显示外部引号以表明它是一个字符串。

标签： javascripthtmlstringflaskhtml-table

解决方案

当您使用{{tbody_string}}. 你可以告诉它不要用{{tbody_string|safe}}.

最终你可以完全摆脱你的“javascript方式”，直接用Jinja2渲染它。

另外...请注意，如果您的 .com 中有任何用户可编辑的数据tbody_string，您需要采取必要的预防措施以避免造成安全漏洞。

推荐阅读