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

从字符串中获取HTML标记可以通过以下步骤实现：

使用正则表达式匹配字符串中的HTML标记。HTML标记通常以"<"开头，以">"结尾，中间包含标签名和属性。可以使用正则表达式模式<[^>]+>来匹配HTML标记。
遍历匹配到的HTML标记，可以使用正则表达式的match()方法来获取匹配到的所有标记。例如，使用str.match(/<[^>]+>/g)可以获取到字符串中所有的HTML标记。
对于每个匹配到的HTML标记，可以进一步解析标记的内容。可以使用正则表达式的exec()方法来获取标记的标签名和属性。例如，使用/<(\w+)([^>]*)>/g.exec(tag)可以获取到标记的标签名和属性。
根据需要，可以将标签名和属性存储在对象中，以便进一步处理或分析。可以使用JavaScript的对象来存储标签名和属性。

以下是一个示例代码，演示如何从字符串中获取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: '' }
]

这个示例代码中，我们定义了一个getHTMLTagsFromString函数，它接受一个字符串作为参数，并返回一个包含所有HTML标记的数组。我们使用正则表达式匹配字符串中的HTML标记，并使用exec()方法解析标记的标签名和属性。最后，将标签名和属性存储在对象中，并将对象添加到结果数组中。

请注意，这只是一个简单的示例代码，仅演示了从字符串中获取HTML标记的基本方法。在实际应用中，可能需要考虑更复杂的情况，例如嵌套标记、特殊字符转义等。