js正则不支持持后瞻的问题

Question

正则中有：(?<=exp)正向后瞻（文章http://www.cnblogs.com/rubylouvre/archive/2010/03/09/1681222.html）

但是js语言不支持，有什么替代方案么？

例如：

<div style="background:#f00;color:rgba(0,0,0,.2)">
    <span style="background-color:rgb(0,0,0,1);border-color:#0cc;color:#aaa;">demo</span>
    <span style='color:rgb(0,0,0,1)'>demo</span>
</div>

需求：匹配所有color:*,不匹配*color:*
我这么写的：

html.match(/[^(\w+\-)*]color:[\s\S]*?(?=;|"|')/gi);
//[";color:#fff", ";color:#fff", ";color:rgba(0,0,0,.2)", ";color:#aaa", "'color:rgb(0,0,0,1)"]

但是color前面总会带着一个分号";"，"'"等等。

有什么好的办法解决吗？

Answer 1

var ptrn = /['";](color:[a-zA-Z0-9(),.#]{1,})[;'"]/ig;
var match; 
while((match = ptrn.exec(html)) != null ){console.log(match[1])}

Answer 2

HTML啊，color无非就是" ' ;开头，[;'"]...匹配出来再replace或substring掉就可以了

Answer 3

var colors = [];
html.replace(/[^-](color:[^"';]+)/gi, function(m, c) {
  colors.push(c);
  return m;
});

console.log(colors);

@xi_yu 的方法也不错，或者用替换来收集值也很方便。