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 一下蒙了,怎么可能,最后找了好久,原来需要把^ ...
随机推荐
- C# GridViewExportUtil
using System.Data; using System.IO; using System.Web; using System.Web.UI; using System.Web.UI.WebCo ...
- angular笔记_5(全选/反选)
全选和反选 BUG:当鼠标点击其中一个选项后,在点击全选按钮,该选项失效 <!DOCTYPE html><html lang="en"><head&g ...
- 关于visual assist x插件不能用的解决方案
打開VS莫名其妙地彈出下面的錯誤框: "the security key for this program currently stored on your system does not ...
- CodeForces - 1016D 补零思想
题目连接: https://vjudge.net/problem/1753263/origin 其实这道题跟行列式里的分块发有点类似,但也是类似罢了. 主要的思想是每一行,每一列的第一行(或者最后一行 ...
- 《动物世界》的剪刀石头布 HDU --- 6418
题目连接: https://vjudge.net/problem/1812686/origin emmm 这一题的资料来自<动物世界>这一个李易峰演的电影.. 主要的思路就是概率,但是会牵 ...
- 流畅的Python读书笔记（二）
2.1 可变序列与不可变序列 可变序列 list. bytearray. array.array. collections.deque 和 memoryview. 不可变序列 tuple. str 和 ...
- error: RPC failed
error: RPC failed error: RPC failed; curl 56 GnuTLS recv error (-54): Error in the pull function. fa ...
- CentOS7.5 通过wget下载文件到指定目录
在Linux命令行下面下载文件,通过wget是比较普遍简单的,比如在CentOS7 里面也一样. 我们先来看下自己的CentOS7 系统有没有安装wget: [root@test redis]# rp ...
- [P1020]导弹拦截 (贪心/DP/二分/单调队列)
一道很经典的题 这道题就是要求一个最长单调不升子序列和一个最长单调上升子序列. 先打了一个n2复杂度的 用DP #include<bits/stdc++.h> using namespac ...
- iframe边距问题解决
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...