时间戳

首页 > 解决方案 > 如何使用 javascript regexp 替换字符串的一部分

javascript - 如何使用 javascript regexp 替换字符串的一部分

问题描述

我有这个文本需要替换css的宽度部分：

oldStyle = "width:90%;height:inherit;padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;"

我有这个代码表达式或模式：

oldStyle.replace(new RegExp("width:[0-9]+%;.*$", "g"), "width:25%;")

但结果是：

"width:25%;"

它缺少其余的CSS：

"height:inherit;padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;"

结果应该是：

"width:25%;height:inherit;padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;"

如何仅更改 CSS 的宽度部分并保持其他 CSS 的其余部分完好无损？

标签： javascriptregexp-replace

解决方案

这将更改字符串中以开头width和结尾的任何值%;，您可以根据需要修改正则表达式

first = "width:90%;height:100%;padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;"
second = "width:90%;height:inherit;padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;"
third = "height:inherit;padding-right: 15px;padding-left: 15px;width:90%;margin-right: auto;margin-left: auto;"

console.log(first.replace(/width(.*?);/g,"width:25%;"))
console.log(second.replace(/width(.*?);/g,"width:25%;"))
console.log(third.replace(/width(.*?);/g,"width:25%;"))

推荐阅读