如何使用JavaScript分割HTML字符串

Question

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

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

我希望输出如下

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

伙计们请帮助我如何将html字符串拆分为数组

Answer 1

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

演示：

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

Answer 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)