レッスンに戻る

完全なタグを見つける

タグ <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="...">