JavaScript正则表达式提取字符串中的SVG标签

想要从字符串中获取SVG标签内容？正则表达式可以帮助你轻松实现！

以下是一段示例代码：

const str = '<div><svg><circle cx='50' cy='50' r='40' stroke='black' stroke-width='3' fill='red' /></svg></div>';

const regex = /<svg\b[^>]*>(.*?)<\/svg>/g;
const matches = str.match(regex);

console.log(matches); // 输出: ['<svg><circle cx='50' cy='50' r='40' stroke='black' stroke-width='3' fill='red' /></svg>']

在这段代码中，我们使用正则表达式<svg\b[^>]*>(.*?)<\/svg>/g来匹配字符串中的SVG标签。match方法用于获取匹配的结果，返回一个包含所有匹配到的SVG标签的数组。

代码解释：

<svg\b[^>]*>: 匹配<svg>标签及其属性。
(.*?): 匹配标签内的任意内容，并将其捕获到分组中。
<\/svg>: 匹配闭合标签</svg>。
/g: 全局匹配，找到所有符合条件的SVG标签。

需要注意的是：

这个示例代码仅适用于匹配结构简单的SVG标签。
对于包含复杂嵌套结构的SVG标签，你需要使用更复杂的正则表达式来进行匹配。

希望这篇简短的教程能够帮助你理解如何使用JavaScript正则表达式提取字符串中的SVG标签内容！