JavaScript で正規表現を使って HTML の属性を取得する。

parser 等を使わずにサクッと取得したいと思いました。

// attribute(対象となるDOMの文字列, 要素名)
function attribute(str, key) {
  const regExp = new RegExp(`${key}="([^"]*)"`)
  return str.match(regExp)[1]
}

attribute('<p id="hello" style="color: red;">Hello, world</p>', 'style')

> attribute('<p id="hello" style="color: red;">Hello, world</p>', 'style')
'color: red;'
> 

[^"]* ... " を含まない任意の文字列