首页 > 文章列表 > 如何将 HTML 字符串转换为 HTML 标签?

如何将 HTML 字符串转换为 HTML 标签?

184 2025-04-03

如何将 HTML 字符串转换为 HTML 标签?

如何将 HTML 字符串转换为 HTML 标签?

某些情况下,我们需要将 HTML 字符串转换为 HTML 标签,这在动态生成 HTML 内容时尤为有用。

使用 createElement() 方法

为了将 HTML 字符串转换为标签,我们可以使用 createElement() 方法创建特定的 HTML 元素,并将原始 HTML 字符串作为该元素的 innerHTML。例如:

const div = document.createElement('div')
div.innerHTML = '<img src="".....'
document.body.appendChild(div)

这将创建一个 div 元素,其 innerHTML 设置为 HTML 字符串。将该 div 元素附加到文档主体后,它将被渲染为实际的 HTML 标签。

来源:1730341260