关于#html#的问题,如何解决?

正则匹配html标签的style

let str = `<div data-v-b2141722="" style="width: 100%; height: 100%;"><span data-v-b2141722=""><table style="border-collapse: collapse; width: 200px; height: 59px;" border="1">
<tbody>
<tr style="height: 38px;">
<td style="width: 96px; height: 38px;">td>
<td style="width: 97px; height: 38px;">td>
tr>
<tr style="height: 21px;">
<td style="width: 96px; height: 21px;"> td>
<td style="width: 97px; height: 21px;"> td>
tr>
tbody>
table>span>div>`

需求:我想拿到这个html字符串的style

img

求正则的写法

js的正则没有左断言,不太好一次达到效果

/style="[^"]*?"/gi.match(str)