js正则匹配html标签中的style样式和img标签
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<script>
var str = "各<span style='color : darkred;'><b>种</b></span><span style='color : red;'><b>嵌</b></span><span style='color : orange;'><b>套</b></span><span style='color : yellow;'><span style='font-size: 16pt;'><b>样</b></span></span><span style='color : palegreen;'><span style='font-size: 16pt;'>式</span></span><span style='color : green;'><span style='font-size: 16pt;'>外</span><span style='color : deepskyblue;'><span style='font-size: 16pt;'>加</span><span style='color : blue;'><span style='font-size: 16pt;'>其</span></span><span style='color : darkblue;'>它</span></span></span><span style='color : purple;'>y</span>w标签<br>\yw111{<span style='font-size: 10pt;'><span style='color : green;'>9</span></span><span style='font-size: 12pt;'><span style='color : green;'>9</span></span><span style='color : green;'>9</span><span style='font-size: 16pt;'>9</span><span style='font-size: 18pt;'>9</span>ffffff}<br>发反反\{复复"
var reg = /<span\s+style=[\'\"]font-size\s*:\s*\d+pt;[\'\"]>/ig;
var reg10 = /10pt/g;
var reg12 = /12pt/g;
var reg14 = /14pt/g;
var reg16 = /16pt/g;
var reg18 = /18pt/g; var str2 = str.replace(reg,function(exp){
console.log(exp)
var red2 = exp.split('font-size')[1].replace(/[^0-9]/ig,"");
// if(red2.test(exp)){
return exp.replace(red2,parseFloat(red2)+6); // }
var str1 = ''
// if(reg10.test(exp)){
// str1 = exp.replace(reg10,'16pt');
// }else if(reg12.test(exp)){
// str1 = exp.replace(reg12,'18pt');
// }else if(reg14.test(exp)){
// str1 = exp.replace(reg14,'20pt');
// }else if(reg16.test(exp)){
// str1 = exp.replace(reg16,'22pt');
// }else if(reg18.test(exp)){
// str1 = exp.replace(reg18,'24pt');
// }
//return str1;
}) console.log(str2) </script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
p:first-letter{
color: green;
}
</style>
</head>
<body>
<div>
<p>各<span style='color : darkred;'><b>种</b></span><span style='color : red;'><b>嵌</b></span><span style='color : orange;'><b>套</b></span><span style='color : yellow;'><span style='font-size: 16pt;'><b>样</b></span></span><span style='color : palegreen;'><span style='font-size: 16pt;'>式</span></span><span style='color : green;'><span style='font-size: 16pt;'>外</span><span style='color : deepskyblue;'><span style='font-size: 16pt;'>加</span><span style='color : blue;'><span style='font-size: 16pt;'>其</span></span><span style='color : darkblue;'>它</span></span></span><span style='color : purple;'>y</span>w标签<br>\yw111{<span style='font-size: 10pt;'><span style='color : green;'>9</span></span><span style='font-size: 12pt;'><span style='color : green;'>9</span></span><span style='color : green;'>9</span><span style='font-size: 16pt;'>9</span><span style='font-size: 18pt;'>9</span>ffffff}<br>发反反</p>
</div>
<script>
var str = "各<span src='http://oo'> style='color : darkred;'><b>种</b></span><img src='8> style='color : red;'><img alt='' src='http://oo.xesimg.com/test_library/img/2018/03/30/t_90460_47_172x63.png?1522399280'><b>嵌</b></span><span style='color : orange;'><b>套</b></span><span style='color : yellow;'><span style='font-size: 16pt;'><b>样</b></span></span><span style='color : palegreen;'><span style='font-size: 16pt;'>式</span></span><span style='color : green;'><span style='font-size: 16pt;'>外</span><span style='color : deepskyblue;'><span style='font-size: 16pt;'>加</span><span style='color : blue;'><span style='font-size: 16pt;'>其</span></span><span style='color : darkblue;'>它</span></span></span><span style='color : purple;'>y</span>w标签<br>\yw111{<span style='font-size: 10pt;'><span style='color : green;'>9</span></span><span style='font-size: 12pt;'><span style='color : green;'>9</span></span><span style='color : green;'>9</span><span style='font-size: 16pt;'>9</span><span style='font-size: 18pt;'>9</span>ffffff}<br>发反反\{复复"
var reg = /<img.*?src=[\'\"]http(s)?:.*?>/ig;
var reg10 = /http(s)?:/ig; var str2 = str.replace(reg,function(exp){
console.log('-----------')
console.log(exp)
console.log(exp.replace(reg10,''))
return exp.replace(reg10,'');
// var red2 = exp.split('font-size')[1].replace(/[^0-9]/ig,"");
// // if(red2.test(exp)){
// return exp.replace(red2,parseFloat(red2)+6); // // } // if(reg10.test(exp)){
// str1 = exp.replace(reg10,'16pt');
// }else if(reg12.test(exp)){
// str1 = exp.replace(reg12,'18pt');
// }else if(reg14.test(exp)){
// str1 = exp.replace(reg14,'20pt');
// }else if(reg16.test(exp)){
// str1 = exp.replace(reg16,'22pt');
// }else if(reg18.test(exp)){
// str1 = exp.replace(reg18,'24pt');
// }
//return str1;
}) console.log(str2) </script>
</body>
</html>
<script>
var _stem = '已知$$\angle 1=30$$度，$$\angle 3=40$$度，那么$$\angle 2=$$<span class='test_blank' style='width:96px'> </span>度.<br>
<img src="http://oo.xesimg.com/test_library/img/2018/03/30/t_90460_47_172x63.png?1522399280">'; //_stem = _stem.replace(/(<img\s)+(src=[\'\"])(http(s)?:)/gi,'$1$2','');
_stem = _stem.replace(/(<img\s)+(src=[\'\"])(http(s)?:)/gi,'$1$2');
console.log(_stem) </script>
js正则匹配html标签中的style样式和img标签的更多相关文章
- js正则匹配的一个日常应用
应用实例 1 /** 将段落中的 \n 转换为 <p></p>, 规范存储 */ 2 function formatParagraphForStore(val) { 3 var ...
- JS正则密码复杂度校验之：JS正则匹配半角英文符号
概述 在JS密码校验中常常会遇到密码强度的校验需求,借用一位朋友提问的图,他在工作中遇到的一个比较经典的密码强度校验要求: 这个需求有两个难点,一,是如何使用正则匹配所有半角英文标点符号,二,是如何验 ...
- spring property标签中的 ref属性和ref 标签有什么不同？ 如下：<property name="a" ref="b" />
spring property标签中的 ref属性和ref 标签有什么不同? 如下:<property name="a" ref="b" /> sp ...
- [转]spring property标签中的 ref属性和ref 标签有什么不同
spring property标签中的 ref属性和ref 标签有什么不同? 如下:<property name="a" ref="b" /> sp ...
- 正则匹配去掉字符串中的html标签
1.得到超链接中的链接地址: string matchString = @"<a[^>]+href=\s*(?:'(?<href>[^']+)'|"&quo ...
- js 正则匹配(去掉html标签)
正则匹配去掉所有html标签 var a = "<span>999</span>" a = a.replace(/<[^>]+>/g,' ...
- js 正则匹配 域名【host】
如果直接在js中是可以直接取到hostname的,以下方式是通过正则匹配: var url = "http://www.cnblogs.com/cench" var reg = / ...
- 正则匹配抓取input 隐藏输入项和 <td>标签内的内容
这里不多作解释了,只要提供方法,如果想了解正则匹配,就去百度. 第一条是,匹配出所有的隐藏输入域 $patern = "/<input(.*?)type=\"hidden\& ...
- js正则匹配两位小数
今天写一个用js正则校验最多保留两位小数的格式. a = /^\d+|\d+\.\d{1,2}$/; 测试 a.test(1.222); 结果:true 一下蒙了,怎么可能,最后找了好久,原来需要把^ ...
随机推荐
- 有关python 函数参数
# def foo(x):# print(x)### foo(1)# foo('a')# foo({'a':2}) #形参与实参:# def foo(x,y): #x=1,y=2# return x+ ...
- MySQL 安装包下载教程
http://www.mysql.com/downloads/
- js原型的用法
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- mongodb副本集搭建
1.创建目录 mkdir -p /data/r1 /data/r2 /data/r3 2.启动: bin/mongod --config ../mongod.conf --replSet r1 b ...
- 谈一谈java里面的反射机制
首先来看看百度百科中是如何定义的: JAVA反射机制是在运行状态中,对于任意一个类,都能够知道这个类的所有属性和方法:对于任意一个对象,都能够调用它的任意方法和属性:这种动态获取信息以及动态调用对象方 ...
- Java基础-对象的内存分配与初始化（一定要明白的干货）
首先,什么是类的加载?类的加载由类加载器执行.该步骤将查找字节码(classpath指定目录),并从这些字节码中创建一个Class对象.Java虚拟机为每种类型管理一个独一无二的Class对象.也就是 ...
- jmeter接口测试-文件下载
http://imgsrc.baidu.com/forum/pic/item/a89b033b5bb5c9ea901d1997dd39b6003bf3b3dc.jpg 网上找了一张高圆圆的图片 ...
- SDWebImage 加载一些大的图片的时候导致程序崩溃
在 UIImage+MultiFormat这个类里面添加如下压缩方法, +(UIImage *)compressImageWith:(UIImage *)image { float imageWid ...
- poj3468 A Simple Problem with Integers（线段树区间更新）
https://vjudge.net/problem/POJ-3468 线段树区间更新(lazy数组)模板题 #include<iostream> #include<cstdio&g ...
- 开源流媒体服务器SRS学习笔记(4) - Cluster集群方案
单台服务器做直播,总归有单点风险,利用SRS的Forward机制 + Edge Server设计,可以很容易搭建一个大规模的高可用集群,示意图如下 源站服务器集群:origin server clus ...