正则去除行内css样式

code_game_

于 2020-10-15 08:52:51 发布

阅读量999

点赞数 1

分类专栏： js jq 文章标签： javascript jquery css3 html

本文链接：https://blog.youkuaiyun.com/code_game_/article/details/109000433

版权

行内CSS 去除 HTML 正则表达式字符串处理

关键词由优快云通过智能技术生成

js 同时被 2 个专栏收录

7 篇文章

订阅专栏

4 篇文章

订阅专栏

本文介绍如何使用正则表达式从后台获取的HTML字符串中移除所有行内CSS样式，提高代码可读性和性能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

去除行内所有的css样式：
后台获取到的 html(string)难免会携带有行内css，这种行内样式甚是麻烦不如去掉重写

let dom="<div style="width:500px;height:100px;background-color:#000000;">你说啥，我木听清</div>"
let reg = /style\s*?=\s*?(['"])[\s\S]*?\1/g;
     console.log(dom.replace(reg,''));
     <div>你说啥，我木听清</div>