js 去掉字符串的样式

要去掉字符串的样式，可以使用正则表达式或者使用字符串处理的方法。

方法一：使用正则表达式

function removeStyle(str) {
  // 匹配所有的样式属性和值
  var regex = /([a-zA-Z-]+)\s*:\s*([^;]+);/g;
  // 使用空字符串替换匹配到的样式
  return str.replace(regex, '');
}

var str = "color: red; font-size: 16px; background-color: blue;";
var result = removeStyle(str);
console.log(result); // 输出空字符串

方法二：使用字符串处理的方法

function removeStyle(str) {
  // 将字符串按照分号分割成数组
  var arr = str.split(';');
  // 遍历数组，将每个样式属性和值使用空字符串替换
  for (var i = 0; i < arr.length; i++) {
    arr[i] = arr[i].replace(/([a-zA-Z-]+)\s*:\s*([^;]+)/, '');
  }
  // 将数组拼接成字符串，并去除开头和结尾的空格
  return arr.join('').trim();
}

var str = "color: red; font-size: 16px; background-color: blue;";
var result = removeStyle(str);
console.log(result); // 输出空字符串

以上两种方法都可以去掉字符串的样式，具体使用哪种方法可以根据实际需求来决定