如何使用 JavaScript 拆分 html 字符串 [重复]

Posted 2023-03-14

【中文标题】如何使用 JavaScript 拆分 html 字符串 [重复]

【英文标题】：How to split html string using JavaScript [duplicate]

【发布时间】：2019-11-18 13:41:19

【问题描述】：

我有一个函数需要一个字符串输入。字符串输入注意的是一组html标签，如下所示

<section><div><span><bold></bold></span></div></section>

我希望输出如下所示

["<section>","<div>","<span>","<bold>","</bold>","</span>","</div>","</section>"]

请大家帮我把html字符串拆分成一个数组

【参考方案1】：

您可以使用正则表达式和.match() 来执行此操作。

演示：

var text = "<section><div><span><bold></bold></span></div></section>";
console.log(text.match(/\<.*?\>/g))

【参考方案2】：

以下方法也可以，

let str = "<section><div><span><bold></bold></span></div></section>";
let newstr = str.replace(/</gi, "<><");
let res = newstr.split("<>").filter(v => v != "");
console.log(res)