JS实现innerText的获取 - 戴向天

51 篇文章 0 订阅

大家好!我叫戴向天

QQ群:602504799

如若有不理解的,可加QQ群进行咨询了解

该方法其实对于我们前端来说就是一个多余的,不过我写这个方法主要是想提供给后台人员一个处理的思路。

function strToInnerText(str){
	const tags = str.match(/<[A-Za-z][A-Za-z0-9\-]*>/g)
	if(tags){
		tags.reduce((total,key)=>{				// 起到去重加速的功能
			if(total.indexOf(key) < 0){
				total.push(key)
			}
			return total;
		},[]).forEach((tag)=>{
			const tagName = tag.match(/[A-Za-z][A-Za-z0-9\-]*/)
			const reg = new RegExp('<'+tagName+'>(\\S)*?<\\/'+tagName+'>','g')
			const res = str.match(reg)
			if(res && res.length > 0){
				
				str.match(reg).forEach(item=>{
					str = str.replace(
						item,
						item.match(new RegExp('<'+tagName+'>(\\S*)<\\/'+tagName+'>'))[1])
				})
			}
		})
	}
	return str;
}

使用方法:

str = '<div><span><你好></span><b>戴向天</b></div><p>明人不说暗话</p><li>:</li><span>我喜欢你!</span>';

strToInnerText(str)

效果如下:
在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值