Вернуться к уроку

Найдите тег style

Напишите регулярное выражение, которое будет искать в тексте тег <style>. Подходят как обычный тег <style>, так и вариант с атрибутами <style type="...">.

Но регулярное выражение не должно находить <styler>!

Использование:

var re = ваш регэксп

alert( "<style> <styler> <style test>".match(re) ); // <style>, <style test>

Начало шаблона очевидно: <style.

А вот дальше… Мы не можем написать просто <style.*?>, так как <styler> удовлетворяет этому регэкспу.

Нужно уточнить его. После <style должен быть либо пробел, после которого может быть что-то ещё, либо закрытие тега.

На языке регэкспов: <style(>|\s.*?>).

В действии:

var re = /<style(>|\s.*?>)/g;

alert( "<style> <styler> <style test>".match(re) ); // <style>, <style test>