string json html 转换成正常html结构

最新推荐文章于 2024-03-15 09:32:43 发布

音乐宇

最新推荐文章于 2024-03-15 09:32:43 发布

阅读量260

点赞数 1

分类专栏： js 文章标签： DOMParser HTML DOMDocument XMLSerializer 字符串转换

本文链接：https://blog.csdn.net/yinyueyu007/article/details/126876431

版权

js 专栏收录该内容

17 篇文章 0 订阅

订阅专栏

html 字符串模板转换为正常的html 结构
通过 DOMParser
DOMParser 可以将存储在字符串中的 XML 或 HTML 源代码解析为一个 DOM Document。

相反操作可以使用XMLSerializer 接口执行相反的操作 - 将 DOM 树转换为 XML 或 HTML 源。

let stringHtml = '<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div>test</div>
</body>
</html>'

// StringHTMl to html
let codeHtml = new DOMParser().parseFromString(stringHtml, 'text/html');