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 一下蒙了,怎么可能,最后找了好久,原来需要把^ ...

随机推荐

SpringBoot使用JdbcTemplate
前言本文是对SpringBoot使用JdbcTemplate操作数据库的一个介绍,,提供一个小的Demo供大家参考. 操作数据库的方式有很多,本文介绍使用SpringBoot结合JdbcTempla ...
CCF-炉石传说
#include<cstdio> typedef struct { int attack,health; } cus; cus info[][]; ]; ; void summon(); ...
Redis自学笔记:4.1进阶-事务
第4章:进阶 4.1事务 4.1.1概述 redis中的事务是一组命令的集合事务同命令一样都是redis的最小执行单位,一个事务中的命令要么都执行, 要么都不执行事务的原理是先将一个事务的命令发送 ...
2018-6-20-随笔-SQL Server中乱码
SQL Server中乱码解决方案: 在Sql Server2005英文版中,如果未对Varchar类型的字段进行设置,那么很多朋友会发现向数据库中插入记录时,如果对应的varchar类型字段的值为 ...
【三边定位】演示程序V0.1
忙于工作,这个小东西一直没有空去弄, 最近简单修改了些算法, 精度还有待提高. 贴一张图片坐上角的坐标是鼠标点(31,17),后面location 是三边定位算出来的(31,19),后面跟的erro ...
emacs 入门教程，菜单汉化，配置文件等杂乱文章
首先来一发ArchWiki的Emacs简体中文的入门教程 https://wiki.archlinux.org/index.php/Emacs_(%E7%AE%80%E4%BD%93%E4%B8%AD ...
（转）java创建对象的步骤
关于对象的创建过程一般是从new指令(我说的是JVM的层面)开始的(具体请看图1),JVM首先对符号引用进行解析,如果找不到对应的符号引用,那么这个类还没有被加载,因此JVM便会进行类加载过程.符号引 ...
BZOJ4076 : [Wf2014]Maze Reduction
设$f[i][j][k]$表示从房间$j$的第$k$扇门进去探索不超过$i$步的情况. 对于$0$步的情况,可以用每个房间的度数来表示. 否则可以绕着那个房间走一圈,将所有情况依次hash来表示. 最 ...
BZOJ3252攻略——长链剖分+贪心
题目描述题目简述:树版[k取方格数] 众所周知,桂木桂马是攻略之神,开启攻略之神模式后,他可以同时攻略k部游戏.今天他得到了一款新游戏<XX 半岛>,这款游戏有n个场景(scene),某 ...
pointer-net
Pointer network 主要用在解决组合优化类问题(TSP, Convex Hull等等),实际上是Sequence to Sequence learning中encoder RNN和deco ...

js正则匹配html标签中的style样式和img标签

js正则匹配html标签中的style样式和img标签的更多相关文章

随机推荐

热门专题