如何使用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)