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

【问题标题】：How to split html string using JavaScript [duplicate]如何使用 JavaScript 拆分 html 字符串 [重复]
【发布时间】：2019-11-18 13:41:19
【问题描述】：

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

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

我希望输出如下所示

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

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

【问题讨论】：

标签： javascript jquery

【解决方案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)

【讨论】：