如何仅从字符串中获取HTML标记

function getHTMLTagsFromString(str) {
  const pattern = /<[^>]+>/g;
  const tags = str.match(pattern);

  const result = [];
  for (let i = 0; i < tags.length; i++) {
    const tag = tags[i];
    const match = /<(\w+)([^>]*)>/g.exec(tag);
    const tagName = match[1];
    const attributes = match[2];

    result.push({
      tagName: tagName,
      attributes: attributes
    });
  }

  return result;
}

const htmlString = '<div class="container"><h1>Title</h1><p>Paragraph</p></div>';
const tags = getHTMLTagsFromString(htmlString);
console.log(tags);

[
  { tagName: 'div', attributes: ' class="container"' },
  { tagName: 'h1', attributes: '' },
  { tagName: 'p', attributes: '' }
]