正则去除html标签和空字符,正则表达式清除空格和html标签中的空格

假设页面中有一个标签：

class="titlename">

品牌 : 日产 / 尼桑/N is s an//更改后(添加空格)

从以上标签(更改后)中看出span标签与内容两端隔有‘ ’空格(手写空格)，还有两个空格，包括li的text内容中间也有空格。你我们应该怎样去除首位空格、内容中间空格、&nbsp空格呢？开发需求如下：

1、需求保留文字内的空格，但要清除首位空格：

$('.titlename').innerText.replace(/^\s+|\s+$/g, ''); //参数二中的引号最好使用‘单引号’。

清除首尾空格后结果：品牌 : 日产 / 尼桑/N is s an

2、需求清除前后空格加内容中的空格

$('.titlename').innerText.replace(/[ ]/g, '');

清除内容空格后结果：品牌 : 日产/尼桑/Nissan

在上面清除内容空格后我们看到"品牌"内的两个没有清除，那么我们应该如何将表示的空格移除呢？请看方法三。

3、按照上面方法二中的需求清除表示的空格

var liobj=$('.titlename'); //1

var litext="";//2

var lilen =liobj.innerHTML;//3

liobj.innerHTML=liobj.innerHTML.replace(/[ ]|[ ]/g, '');//4

litext=liobj.innerText;//5

liobj.innerHTML=lilen;//6

示例三中我们来解释一下为什么会使用上面的这种方法来去除呢！

一、浏览器中innerHTML可以理解为没有编译的源码

二、浏览器中innerText可以理解为已经记过编译成了浏览器能够识别的代码

从上面两个逻辑中我们不难看出如果我们使用innerText直接去取值并清除空格的话是没有办法清除以空格的，原因在于在浏览器编译后我们是找不到这个空格的，所以我们就需要考虑使用innerHTML获取没有被浏览器编码的源代码，在源代码中使用“正则表达式”移除空格，此时再去获取innerText中就没有表示的空格了，也就是说这时候页面的样式也是更随着变化了，那么我们最后就需要将没有改变之前的innerHTML赋值给当前的页面作为还原。

代码解答：

标记1、声明变量保存li的初始obj

标记2、声明变量保存li中的innerText值

标记3、声明变量获取初始化li中的innerHTML值(innerHTML值是为被浏览器编译的源代码)

标记4、获取初始化li中的innerHTML值并且利用正则表达式清除最后赋值给浏览器，此时浏览器li中的文字已经发生了变化，没有了

标记5、从新获取页面li的内容innerText，这个时候获取的值中就没有表示的空格符了。并保持在标注2的变量中。

标记6、我们在获取玩li中的值后需要将页面还原成原状态，那怎么还原了，在标注3中我们已经保持了初始化的li的值，此时我们只需要将标注3保持的值赋值给浏览器就可以了。

问题的出现总会有解决的方案，这个问题也困扰了我半天。问题得以解决了要感谢的人还是很多的，感谢那些北大青鸟的学长学姐们，他们有问必答，最终解决这个问题的是湖北武汉北大青鸟鲁广校区的Y2学术主管-赵荣老师。不得不说老师就是老师不到10分钟的时间就解决了我变天的问题。向所有湖北武汉北大青鸟鲁广校区的老师致敬，是他们将我带到了编程之路。

正则去除html标签和空字符,正则表达式清除空格和html标签中的空格相关推荐

c 正则去除a以外的html,正则表达式：去除除SRC以外的HTML属性
这可能会为您的工作需要: $text = ' This is a paragraph with an image '; echo preg_replace("/]*(\ssrc=['\&qu ...
java正则表达式匹配xml标签_用正则表达式匹配HTML\XML等文件中的标签
测试用HTML源文件: View Code <完美世界:天界的召唤>缤纷圣诞总动员 [ 中华网 1小时前] 经过了平安夜和圣诞节,节日的气氛被推到了最高点!<完美世界:天界的召唤&g ...
python正则匹配统计_用Python正则表达式搜索统计命令行管道中的所有数字
由于最近经常要对庞大的Android代码进行统计,于是写了一个Python脚本,可以把命令行中输出的所有管道数据中的数字找出来,并进行累加等操作,使用起来非常快捷高效. 例如,我希望统计Android ...
db2去除字段值的空格_DB2表数据中存在空格问题解决办法
--创建测试表 create table administrator.testhyg(id int,name varchar(30),birth date); --插入测试数据 insert into ...
python3 正则去除 html标签、提取正文内容_Python通过正则表达式去除(过滤)HTML标签，提取文字...
# -*- coding: utf-8-*- import re ##过滤HTML中的标签 #将HTML中标签等信息去掉 #@param htmlstr HTML字符串. def filter_tag ...
去除a链接+java正则_JavaScript实现正则去除a标签并保留内容的方法【测试可用】...
本文实例讲述了JavaScript实现正则去除a标签并保留内容的方法.分享给大家供大家参考,具体如下: 一.问题: 有如下HTML代码,要求用正则去除a标签,只留下内容 //www.jb51.net ...
php 正则替换style,php正则去除js,class,id,style标签代码
在写xml的时候,文档要求内容里面只要图片和段落就可以了,其他的css,js什么的都不需要. 所以,在输出的时候,就要用正则去过滤掉不需要的标签代码. 第一种:php正则去除js标签代码.$preg ...
python读取html文件正则替换_Python使用正则表达式过滤或替换HTML标签的方法详解...
本文实例讲述了Python使用正则表达式过滤或替换HTML标签的方法.分享给大家供大家参考,具体如下: python正则表达式关键内容: python正则表达式转义符: . 匹配除换行符以外的任意字符 ...
python正则去掉重复单词_python使用正则表达式去除中文文本多余空格，保留英文之间空格方法详解 | 学步园...
在pdf转为文本的时候,经常会多出空格,影响数据观感,因此需要去掉文本中多余的空格,而文本中的英文之间的正常空格需要保留,输入输出如下: input:我今天赚了 10 个亿,老百姓very happ ...
java正则匹配英文句号_「正则表达式」王国奇遇记
第一回初来乍到 NPC: "欢迎来到正则表达式的国度,勇士!这里的每一个人都使用正则表达式,我是这里的 NPC,每一个来到这里的人都将由我代为介绍正则世界的规则,至于能领悟到何种境界,就看 ...

正则去除html标签和空字符,正则表达式清除空格和html标签中的空格

正则去除html标签和空字符,正则表达式清除空格和html标签中的空格相关推荐

最新文章

热门文章

正则去除html标签和空字符,正则表达式清除空格和html标签中的 空格

正则去除html标签和空字符,正则表达式清除空格和html标签中的 空格相关推荐

最新文章

热门文章

正则去除html标签和空字符,正则表达式清除空格和html标签中的空格

正则去除html标签和空字符,正则表达式清除空格和html标签中的空格相关推荐