Как получить стиль = "Я хочу код CSS" с помощью регулярных выражений (JavaScript)

Question

var text = '..<anything><anything style="color:red;">hello</anything><anything style="color:blue; font-size:1em;">hello</anything></anything>...';

или

var text = "..<anything><anything style='color:red;'>hello</anything><anything style='color:blue; font-size:1em;'>hello</anything></anything>...";

результат:

array[0] = "color:red;";
array[1] = "color:blue; font-size:1em;";

Answer 1

Создайте временный элемент и используйте innerHTML, затем getElementsByTagName и getAttribute('style'), если это такая строка.

Если это ссылка на элемент DOM, пропустите часть innerHTML.

var d = document.createElement('div'), 
    text = '..<anything><anything style="color:red;">hello</anything><anything style="color:blue; font-size:1em;">hello</anything></anything>...', 
    styles = [];
    d.innerHTML=text;
    var els = d.getElementsByTagName('*');
    for ( var i = els.length; i--; ) {  
        if ( els[i].getAttribute('style') ) { 
           styles.push(  els[i].getAttribute('style')  )
        }
    }
    styles

JQuery будет ..

$(text).find('*').map(function() { return this.getAttribute('style') })

Answer 2

Как уже упоминалось, использование синтаксических регулярных выражений для синтаксического анализа HTML не является хорошей идеей.

Однако, если вы решили сделать это таким образом, это сделает вашу работу за вас:

var matches = text.match(/\bstyle=(['"])(.*?)\1/gi);
var styles = [];
for(var i = 0; i < matches.length; i++) {
    styles.push(matches[i].substring(7, matches[i].length - 1));
}

Answer 3

meder уже дал правильный ответ, но так как решение для регулярных выражений было желательным, я дам его.Применяются все обычные предупреждения о разборе нерегулярного языка, такого как HTML (или SGML, или XML) с регулярными выражениями.

/<[a-z]+(?:\s+ [a-z]+\s*=\s*(?:[^\s"']*|"[^"]*"|'[^']*'))\s+style\s*=\s*"([^"]*)">/g