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 一下蒙了,怎么可能,最后找了好久,原来需要把^ ...
随机推荐
- SQL 2016 正式版 安装过程
1.点击全新安装 2.接着就是下一步,下一步... 3.选择你要安装的功能 [可以利用PolyBase,使用标准TSQL查询hadoop数据,但这里我不需要装] 4.设置排序规则 5.设置登录用 ...
- 使用 DITA-OT 发布一份 CouchBase Server 手册
最近需要学习 CouchBase Server.而 CouchBase Server 官方网站访问速度非常慢,所以尝试使用 DITA-OT 发布一份本地文档.(其实 CouchBase Server ...
- Scrapy基础(六)————Scrapy爬取伯乐在线一通过css和xpath解析文章字段
上次我们介绍了scrapy的安装和加入debug的main文件,这次重要介绍创建的爬虫的基本爬取有用信息 通过命令(这篇博文)创建了jobbole这个爬虫,并且生成了jobbole.py这个文件,又写 ...
- python系统编程（三）
multiprocessing 如果你打算编写多进程的服务程序,Unix/Linux无疑是正确的选择.由于Windows没有fork调用,难道在Windows上无法用Python编写多进程的程序? 由 ...
- 一步步完成Maven+SpringMVC+SpringFox+Swagger整合示例
本文给出一个整合Maven+SpringMVC+SpringFOX+Swagger的示例,并且一步步给出完成步骤. 本人在做实例时发现 http://blog.csdn.net/zth1002/art ...
- python-校验密码小练习
#校验密码是否合法的小练习#1.密码长度5到10位:#2.密码里面必须包含,大写字母,小写字母,数字#3.最多输入5次 写程序过程中遇到了两个问题,第二个循环里的P是把password的值循环传到p里 ...
- 多个ip以逗号分隔
/^(((?:(?:1[0-9][0-9]\.)|(?:2[0-4][0-9]\.)|(?:25[0-5]\.)|(?:[1-9][0-9]\.)|(?:[0-9]\.)){3}(?:(?:1[0-9 ...
- Java中的RASP实现
RSAP RASP是Gartner公司提出的一个概念,称:程序不应该依赖于外部组件进行运行时保护,而应该自身拥有运行时环境保护机制: RASP就是运行时应用自我保护(Runtime applicati ...
- js扩展运算符（spread）三个点（...）
常见用法: 1.该运算符主要用于函数调用. function push(array, ...items) { array.push(...items); } function add(x, y) { ...
- Introducing stapbpf – SystemTap’s new BPF backend
https://developers.redhat.com/blog/2017/12/13/introducing-stapbpf-systemtaps-new-bpf-backend/