回到课程
本资料仅提供以下语言版本:English。请 帮助我们 将其翻译为 简体中文 版本。

查找完整标签

写出一个正则表达式,用于查找 <style...> 标签。它应该匹配完整的标签:该标签可能是没有属性的标签 <style> 或是有很多属性的标签 <style type="..." id="...">

…同时正则表达式不应该匹配 <styler>

举例如下:

let reg = /your regexp/g;

alert( '<style> <styler> <style test="...">'.match(reg) ); // <style>, <style test="...">

模式的开头显而易见:<style

…然而不能简单地写出 <style.*?> 这样的表达式,因为会同时匹配 <styler>

要么匹配 <style 后的一个空格,然后匹配任意内容;要么直接匹配结束符号 >

最终的正则表达式为:<style(>|\s.*?>)

运行代码如下:

let reg = /<style(>|\s.*?>)/g;

alert( '<style> <styler> <style test="...">'.match(reg) ); // <style>, <style test="...">