正则匹配修改div里面的样式

旋风_小陀螺

于 2022-08-18 17:10:59 发布

阅读量256

点赞数

文章标签：前端开发语言正则表达式

本文链接：https://blog.csdn.net/qq_35673096/article/details/126409727

版权

这篇博客讲述了如何利用JavaScript中的正则表达式来修改HTML元素的style属性，特别是将固定宽度改为自动宽度的步骤。通过示例代码展示了如何匹配并替换样式字符串，从而实现动态调整网页布局的目的。

摘要由CSDN通过智能技术生成

想要的效果是将style里面的width:595.3pt改为width:auto

var str = '<div style="width:595.3pt;margin-bottom:72.0pt;margin-top:56.7pt;margin-left:90.0pt;margin-right:90.0pt;"></div>'

第一步获取 var reg = /(<div\s+style=[\"\']{1}width:)([^;|\"]+)/ig

第二步匹配 str= str.replace(reg, `$1auto`)

效果 <div style="width:auto;margin-bottom:72.0pt;margin-top:56.7pt;margin-left:90.0pt;margin-right:90.0pt;"></div>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

旋风_小陀螺

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
正则匹配修改div里面的样式

效果
复制链接

扫一扫

JavaScript正则表达式匹配 div style标签_.docx

10-09

JavaScript正则表达式匹配div style标签本文主要介绍了JavaScript正则表达式匹配div style标签的相关知识点。通过对给定的测试字符串进行分析，我们可以了解到 JavaScript 正则表达式在匹配 div style 标签时的...

java replaceall正则表达式_编写高性能Java代码的最佳实践

weixin_39928787的博客

11-29

2274

作者：Eugen Paraschiv翻译：雁惊寒https://dzone.com摘要：本文首先介绍了负载测试、基于APM工具的应用程序和服务器监控，随后介绍了编写高性能Java代码的一些最佳实践。最后研究了JVM特定的调优技巧、数据库端的优化和架构方面的调整。以下是译文。介绍在这篇文章中，我们将讨论几个有助于提升Java应用程序性能的方法。我们首先将介绍如何定义可度量的性能指标，然后看看有哪些工...

参与评论您还未登录，请先登录后发表或查看评论

正则表达式

liuli0927的博客

06-13

134

正则表达式

正则表达式匹配a标签或div标签

weixin_34034670的博客

02-08

2117

这里以a标签为例 a标签的href var a='<P><A href=\'~abc/ccg/ab.jpg\' width="3">文字</A><A width="4" style="color:#ddd; font-weight:bold;" mm_href="http:www.baidu.com" href="http://bbs.cn.y...

html匹配属性正则表达式,正则表达式替换html元素属性的方法

weixin_33955740的博客

05-30

397

正则表达式替换任意html元素任意属性，或增加任意属性。/*** 替换html中任意tag内任意attr值* @param src_str* @param tag* @param attr* @param val* @returns {*}*/replace_html_tag_attr: function(src_str, tag, attr, val) {if(typeof src_str ==...

最新CSS + DIV+正则表达式

06-02

在IT行业中，CSS（Cascading Style Sheets）和DIV是构建网页布局的重要工具，而正则表达式则是处理文本和数据的强大工具。这三者在Web开发中的结合使用，能够帮助开发者实现高效、灵活且美观的网页设计。下面将详细...

php正则删除html代码中class样式属性的方法 <font color=red>原创</font>

10-19

$str = '<div class="jb51"><div class="jb51_txt">欢迎访问我们</div></div>'; $str = preg_replace('/ class="([^\"]*)"/isU', '', $str); echo $str; ``` 运行这段代码后，原始的HTML字符串将变为： ```html ...

C#使用正则表达式过滤html标签

09-01

在C#中，我们可以使用正则表达式来匹配这些标签并进行替换。以下是一个C#方法，展示了如何使用正则表达式来过滤HTML标签： ```csharp public static string Html2Text(string htmlStr) { if (String....

BeautifulSoup获取指定class样式的div的实现

01-19

如何获取指定的标签的内容是解析网页爬取数据的必要手段，比如想获取<div class=’xxx’>...)</div>’，通过正则表达式的括号，可以获取匹配的内容，即<div></div>之间的内容： import re def getTags(html): reg = r

php正则匹配html中带class的div并选取其中内容的方法

10-24

主要介绍了php正则匹配html中带class的div并选取其中内容的方法,涉及curl的使用及正则匹配的技巧,具有一定参考借鉴价值,需要的朋友可以参考下

正则表达式的一些基础（一）

github_36795897的博客

11-23

197

1 常见字符范围缩写对于一些常用的字符范围，如数字等，由于非常常用，即使使用[0-9]这样的字符组仍显得麻烦，所以定义了一些元字符，来表示常见的字符范围。表达式说明 \d 任意一个数字，相当于[0-9]，即0~9 中的任意一个 \w 任意一个字母或数字或下划线，相当于[a-zA-Z0-9_] \s

js正则表达式匹配img标签，p标签，div标签和其他自定义标签的解决方案

热门推荐

西装暴徒_12138的博客

06-30

1万+

js正则表达式匹配img标签，p标签，div标签和其他自定义标签的解决方案作为前端开发，肯定会有处理字符串的时候，如果只是替换，删除，截取固定的字符串，那么问题不是很大。但是如果字符串不是固定的呢？例如处理富文本字符串里的Img标签，p标签，div标签等，用普通的indexOf，substr方法可能不太好用。此时用正则表达式可能比较好使：匹配p标签： let reg = /<p(?:(?!<\/p>).|\n)*?<\/p>/gm 匹配img标签 let reg =

php 匹配div正则表达式,Php正则表达式匹配div

weixin_39747595的博客

03-10

986

Use an HTML parser. NOT regular expressions.正则表达式的问题在于它们无法匹配嵌套结构.假设你的正则表达式必须匹配单个< div>及其结束标记,无法正确匹配此输入：FooBar因为如果你的正则表达式是贪婪的,它将匹配最上面的两个div,如果它不合适,它将与正确的结束标记不匹配.因此,您应该使用HTML解析器.使用PHP,DOMDocument:...

正则获取某段 DIV 中的内容

loveblessed的专栏

01-17

2359

string html = "324324dsfsdfaa"; // 获取第一个相呼应的标记 //Regex reg = new Regex(@"([\s\S]+?)"); // 获取前后对应的标记 Regex reg = new Regex(@"(?is)]*>(?>]*>(?)|(?)|(

python3正则表达式匹配但不包括最后一个字符_正则表达式：后面不要包含指定的字符串内容...

weixin_39649611的博客

12-04

1224

以前只会//.exec("\n")，匹配到，这种简单的固定写法，但实际使用次数几乎趋近于0。很多场景不能写死abc，顺理成章的就写成了//.exec("\n")，咦？咋把前面的匹配到了！从入门到放弃。昨天(2019-04-07)随手写了一下//.exec("\n")，原来是对.+(?!排除的字符串)这个结构能起到的作用理解错了，怪不得达不到预期，(.(?!排除的字符串))+才是正解。留下一个未解的...

使用正则表达式获取页面指定div或table中内容

weixin_30709929的博客

07-26

1522

本人第一次使用正则表达式，在网上查找了很多关于取table和div中内容的表达式，但一大部分都是无用的。本人整理了下方便其他新手参考使用工具: RegexText 步骤：第一步：获取内容使用HttpWebRequest和HttpWebResponse #region 以GET方式获取远程页面内容 /********************************...

正则替换富文本里面的style样式

请叫我先生的博客

05-12

2244

富文本正则匹配字体样式替换： /font-family\s*?:(([^";<>]*?"[^";<>]*?")|(\s*[^";<>\s]*))*;?/g 可变其他样式，把属性名替换掉就行！

JavaScript正则表达式给html字符串的img标签增加style样式

呐喊的专栏

01-19

8816

php 正则匹配html 背景图片