如何从 html 字符串中 select 网络组件标签

Question

我正在尝试 select 来自 JS 字符串的服装标签。

<my-elem data-val="abc" />
<div style="color:red">hi</div>
<elem data-val="abc" />
<my-elem2>bar</my-elem2>
<br/>

到return["<my-elem data-val="abc" />","<my-elem2>"]

我正在尝试类似 *<[a-z]-[a-z] */> 但 regx 不好 :(

感谢您的帮助

Answer 1

这是我开始工作的代码

var customTagMatch = /<\s*[a-z]+-[a-z][^>]*>/g

`<my-elem data-val="abc" />
<div style="color:red">hi</div>
<elem data-val="abc" />
<my-elem2>bar</my-elem2>
<br/>`.match(customTagMatch)

产出

["<my-elem data-val="abc" />", "<my-elem2>"]

希望这对某人有所帮助

如何从 html 字符串中 select 网络组件标签

How to select web-component tags from a html string

javascript

regex

element