Всем привет!
Почему-то не могу запустить следующую регулярку на js:
this.getText = function(){
var reg = /(?<=.menu{)[^}]*$/
let text1 = document.getElementById("css-mnu").innerText.search(reg);
if (text1 == -1) return NaN;
console.log(text1);
let spl = text1.split(';');
return spl;
}
Сам текст:
.header{ min-height: 25px; } .header *{ width: 100%; } .menu{ display: inline-flex; flex-direction: rows; justify-content: space-around; } .menu > *{ border: 1px solid; text-align: center; } .menu > *{ border: 1px solid; text-align: center; } .menu *:last-child{ display: none; }
Сама регулярка - рабочая. Проверял в notepad++, находит без проблем. При этом если саму регулярку упростить скажем до .menu, то тоже работает.
var func = function(){
var reg = /(?<=\.menu\{)[^\}]*$/
let text1 = document.getElementById("css-mnu").innerText.search(reg);
if (text1 == -1)
{
document.write(text1); return NaN;
}
document.write(text1);
let spl = text1.split(';');
return spl;
}
<div style="border:1px solid;cursor:pointer" onclick=func() id="css-mnu">
/*все элементы меню имеют толщину 100%*/
.header{
min-height: 25px;
}
.header *{
width: 100%;
}
.menu{
display: inline-flex;
flex-direction: rows;
justify-content: space-around;
}
.menu > *{
border: 1px solid;
text-align: center;
}
.menu > *{
border: 1px solid;
text-align: center;
}
.menu *:last-child{
display: none;
}
</div>
В чем может быть проблема с полной версией /(?<=.menu{)[^}]*$/
?
Заранее спасибо
lookbehind
пока не работает вjs
css-mnu
- возможно тут опечатка должно бытьcss-menu
document.getElementById("css-mnu").innerText.match(/\.menu{([^}]*)/)[1]
innerText
лучше не использовать.