JavaScript 正则表达式 : Get HTML Tags

Question

我做了这个正则表达式:

/\<+[a-zA-Z0-9\=\"\s]+\>+.+\<\/+[a-zA-Z0-9]+\>/gi

匹配完整的 html 标签，例如:

<p>this is a paragraph</p>

但问题是它会将所有元素作为一个匹配项进行匹配

<div><p>this is a paragraph</p></div>

但我想将所有 HTML 元素分开。

注意:HTML 标签位于字符串中，而不是 DOM 中。

在正则表达式解决方案之前，我尝试创建一个新的 div 元素，并添加了该字符串，因为它是innerHTML。但无法正常工作，我真的不知道为什么......

所以我正在寻找一种 REGEX 解决方案来解决这个匹配问题。

谢谢

Answer 1

更换内部 +.+与 +[^<]+会阻止它匹配整个字符串，但正则表达式不是处理包含嵌套组件的字符串的正确选择。为此，您应该使用解析器。

正则表达式根本不适合这里的工作。