javascript - 如何使用正则表达式仅匹配第一行？

Question

这个问题已经有答案了:

Javascript - How to get attribute value from a tag, inside a specific div class? (5 个回答)

已关闭 4 年前。

我有以下 html 代码:

<div data-123 style="background-color: green; color: red;">
    <div style="background-color: green;">Hello World <p>Another tag</p></div>
</div>

我正在尝试匹配我使用此正则表达式的样式属性:

/(style=)("|')(\w.+)("|')/i

我只想匹配第一行，即如果第一行/标签中没有样式标签，那么它不应该匹配样式标签的下一行。

我尝试了以下方法，但不起作用:

/\A.*(style=)("|')(\w.+)("|')/i

Answer 1

不要使用正则表达式从字符串中提取属性/元素。

您可以使用 DOM API 来提取属性值。

const str = `<div data-123 style="background-color: green; color: red;">
    <div style="background-color: green;">Hello World <p>Another tag</p></div>
</div>`;

const el = document.createElement('div');
el.innerHTML = str;

const div = el.querySelector('div[data-123]');
console.log(div.getAttribute('style'));