JavaScript RegEx On Styles

Question

我正在尝试使用regex从元素样式中删除所有的"color“样式，但我失败得很痛苦。

样式示例

cursor: pointer;background-color: yellow;color: lightgray;

样式应该变成什么样子的示例

cursor: pointer;background-color: yellow;

这是我正在使用的正则表达式color:[^;]+;

它捕获背景颜色并删除背景之后的部分。

Answer 1

这个正则表达式适用于我：

[\s;]color:[^;]+(?=;)|^color:[^;]+;

您将看到它处理第一个参数时的处理方式有所不同。

var style = "cursor: pointer;background-color: yellow;color: lightgray;";
var replaced = style.replace(/[\s;]color:[^;]+(?=;)|^color:[^;]+;/g, '')

请注意，即使在这里使用正则表达式并不是那么糟糕，使用一个简单的splitting+filtering也可以更自信地完成此操作：

var replaced = style.split(';').filter(function(v){
   return v.split(':')[0].trim()!='color'
}).join(';');

Answer 2

困难的是，解决方案只有一个小问题来处理背景图像与base64输入。我只是想添加正则表达式来拆分样式

arr = s.match(/background-image\s*:\s*url\s*\(\s*data:image[^)]+\)?|[a-zA-Z-]+:[^;]+/gi);

这将为您提供一个包含所有元素的数组。到目前为止，它是有效的。