js正则替换a标签为span标签

最新推荐文章于 2024-07-04 15:10:30 发布
最新推荐文章于 2024-07-04 15:10:30 发布
阅读量2.1k 收藏 1
点赞数 3
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/namechenfl/article/details/115297492
版权 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
<script>

    var  str =`<p>请问开发一个快车共享的app预算需要多少</p><p><br></p><p><br></p><p>墨轴旗舰店:潘雪会2021-3-11 04:45:25</p><p>您好，中犇科技欢迎您，我公司专业APP及软硬件 开发，15年开发经验，400+软硬件工程师，5000+行业案例<br>若未及时回复，您可以留下【手机号(或维信)+开发需求】，值班项目经理第一时间联系您，协助您确认软件各项功能，免 费帮您出方案和预算。<br><a href="alires:///WebUI/chatmsg/recent.html?debug=true&type=0&enable_report=1&dlguniqname=6acda4be-b219-42b5-9fc5-c26c71deb9d9&param=%7B%22actiondata%22%3A%22%22%2C%22actiontype%22%3A0%2C%22cid%22%3A%7B%22appkey%22%3A%22%22%2C%22nick%22%3A%22%22%7D%2C%22gids%22%3A%5B%5D%2C%22readmsgid%22%3A%22%22%2C%22readmsgtime%22%3A%22%22%7D&lang=zh_CN#TemplateMsgAction#["wangx://p2sconversation/package?serviceType=cloud_auto_reply&toId=cntaobao%E5%A2%A8%E8%BD%B4%E6%97%97%E8%88%B0%E5%BA%97:%E6%BD%98%E9%9B%AA%E4%BC%9A&number=1&bizType=1&sendChatMsg=APP%E5%BC%80%E5%8F%91%E5%A4%9A%E5%B0%91%E9%92%B1&bizId=17050693&fromId=cntaobao%E8%AF%BA%E5%A4%A7%E4%B8%AA&questionText=APP%E5%BC%80%E5%8F%91%E5%A4%9A%E5%B0%91%E9%92%B1"]">APP开发多少钱</a><br><a href="alires:///WebUI/chatmsg/recent.html?debug=true&type=0&enable_report=1&dlguniqname=6acda4be-b219-42b5-9fc5-c26c71deb9d9&param=%7B%22actiondata%22%3A%22%22%2C%22actiontype%22%3A0%2C%22cid%22%3A%7B%22appkey%22%3A%22%22%2C%22nick%22%3A%22%22%7D%2C%22gids%22%3A%5B%5D%2C%22readmsgid%22%3A%22%22%2C%22readmsgtime%22%3A%22%22%7D&lang=zh_CN#TemplateMsgAction#["wangx://p2sconversation/package?serviceType=cloud_auto_reply&toId=cntaobao%E5%A2%A8%E8%BD%B4%E6%97%97%E8%88%B0%E5%BA%97:%E6%BD%98%E9%9B%AA%E4%BC%9A&number=2&bizType=1&sendChatMsg=%E5%85%AC%E5%8F%B8%E5%9C%A8%E5%93%AA%E9%87%8C%EF%BC%9F&bizId=17050702&fromId=cntaobao%E8%AF%BA%E5%A4%A7%E4%B8%AA&questionText=%E5%85%AC%E5%8F%B8%E5%9C%A8%E5%93%AA%E9%87%8C%EF%BC%9F"]">公司在哪里？</a><br><a href="alires:///WebUI/chatmsg/recent.html?debug=true&type=0&enable_report=1&dlguniqname=6acda4be-b219-42b5-9fc5-c26c71deb9d9&param=%7B%22actiondata%22%3A%22%22%2C%22actiontype%22%3A0%2C%22cid%22%3A%7B%22appkey%22%3A%22%22%2C%22nick%22%3A%22%22%7D%2C%22gids%22%3A%5B%5D%2C%22readmsgid%22%3A%22%22%2C%22readmsgtime%22%3A%22%22%7D&lang=zh_CN#TemplateMsgAction#["wangx://p2sconversation/package?serviceType=cloud_auto_reply&toId=cntaobao%E5%A2%A8%E8%BD%B4%E6%97%97%E8%88%B0%E5%BA%97:%E6%BD%98%E9%9B%AA%E4%BC%9A&number=3&bizType=1&sendChatMsg=%E6%9C%89%E8%81%94%E7%B3%BB%E6%96%B9%E5%BC%8F%E5%90%97%EF%BC%9F&bizId=17050708&fromId=cntaobao%E8%AF%BA%E5%A4%A7%E4%B8%AA&questionText=%E6%9C%89%E8%81%94%E7%B3%BB%E6%96%B9%E5%BC%8F%E5%90%97%EF%BC%9F"]">有联系方式吗？</a><br></p><p>已读</p><p><br></p><p>墨轴旗舰店:潘雪会2021-3-11 08:35:39</p><p>您好在的</p><p>已读</p><p><br></p><p>可以制作的</p><p>已读</p><p><br></p><p>麻烦您上线后回复我下， 我安排项目经理专线和您详细沟通报价，不会耽误您太多时间。</p><p>已读</p><p><br></p><p><i></i>以上为历史消息</p><p>诺大个2021-3-12 16:53:33</p><p>好的不好意思，您可以联系18994095832</p><p><br></p><p><br></p><p>墨轴旗舰店:小犇2021-3-12 16:53:56</p><p>您好 您要做什么类型的APP呢</p><p>未读</p><p><br></p><p>好的</p><p>未读</p><p><br></p><p><br></p><p><br></p><p><br></p><p><br></p><p><br></p>`
    var b=/<a([\s]+|[\s]+[^<>]+[\s]+)href=(\"([^<>"\']*)\"|\'([^<>"\']*)\')[^<>]*>/gi;
    str = str.replace(b,'<span>')
    str = str.replace(/<\/a>/gi,'</span>')
    console.log(str)
</script>
</html>

 

岁月如歌_
关注
  • 3
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript实现正则去除a标签并保留内容的方法【测试可用】
10-18
这段代码首先获取了页面上第一个`<a>`标签的`outerHTML`，然后使用`replace()`方法替换所有匹配的`<a>`和`<span>`标签为空字符串，最后打印出处理后的结果。 为了验证这个方法是否有效，你可以使用在线的...
js通过正则匹配没有内容的空标签
10-15
在JavaScript中，正则表达式经常被用于数据验证、搜索、替换等任务。本文将重点介绍如何在JavaScript中使用正则表达式来匹配和移除没有内容的空标签。 首先，我们要理解什么是没有内容的空标签。在HTML中，这类标签...
前端技术(10) : a标签与span标签内容互换
Lxinccode的博客
07-05 621
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <span id="current_db">db1</span> <ul class="dropdown-menu"> <li><a href="javascrip.
正则匹配 a标签 并替换
qq_27315289的博客
12-01 2014
正则拾遗?匹配前面的子表达式零次或一次，或指明一个非贪婪限定符* 和 + 限定符都是贪婪的，因为它们会尽可能多的匹配文字，只有在它们的后面加上一个 ? 就可以实现非贪婪或最小匹配。 ?匹配前面的子表达式零次或一次，或指明一个非贪婪限定符 想要匹配一个字符串里的<a> 标签并替换掉 可使用 '<a>ss</a>'.replace(/<a.*?>|<\/a>/g,'') * 和 + 限定符都是贪婪的，因为它们会尽可能多的匹配文字，只有在它们的后面加上
【js正则】去除文本中的a标签及其内容
最新发布
无言非影的博客
07-04 390
场景：有时候服务端返回的文本中，包含a标签，前端不需要展示。
＜span＞标签里面的内容替换
qq_41353397的博客
10-09 2710
html代码： <span id='span' >12345</span> js代码： document.getElementById("span").innerHTML = 'ddddd';
用正则表达式修改替换标签的办法和代码
爱意迷了眼丶的博客
03-07 1432
用正则表达式修改替换标签的办法和代码
正则批量替换a标签内容
weixin_30247781的博客
12-27 1600
$aa= preg_replace_callback( '/(?<=<a)[^>]*([^<]*)(?=<)/i', function ($matches) use(&$newHref) { return next($newHref); ...
前端通过 v-html 或 js 都可以替换富文本中的标签
永远年轻
11-07 3173
我们平常开发都有遇到这富文本这样的需求。正常来说，后台使用富文本编辑一些文章，然后存储到数据后这些数据会携带一些 html 标签，例如： <p>标题测试1</p> <p></p> <h1>哈哈哈哈，测试进行中</h1> 但是我们前端获取到这些字段去页面上展示，总不能把这些标签也展示到页面上把，我们应该怎么做呢？ 解决这个问题有两种方法： 通过 Vue 中的 v-html 方案解决这个富文本标签的问题！ vue中v-html 标签，用
C#正则过滤HTML标签并保留指定标签的方法
08-30
正则表达式工具可以为开发人员在构造和测试正则表达式时提供便利，例如，这里提到了JavaScript正则表达式在线测试工具和正则表达式在线生成工具，它们可以帮助用户在线构建和测试正则表达式，从而更有效地在C#中应用...
Java使用正则表达式删除所有HTML标签的方法示例
08-30
对于每个正则表达式，先用`Pattern.compile()`编译为模式对象，然后用`matcher()`创建匹配器，最后用`replaceAll()`进行全局替换，将匹配到的HTML标签替换为空字符串。 在`getTextFromHtml`方法中，进一步处理了...
JS基于正则截取替换特定字符之间字符串操作示例
10-20
在第一个示例中，我们看到如何将截取到的内容替换为带有特定样式颜色的`<span>`标签。 ```javascript html = html.replace(reg1, "<span style='color:red'>$1</span>"); html = html.replace(reg2, "<span style='...
JS修改P标签样式
qq_31647655的博客
09-07 429
JS修改P标签样式，宽度
使用Dreamweaver正则表达式替换内容
风蛇的月色
04-17 224
  在Dreamweaver中使用正则表达式替换href中的内容，就像下面这些href中的内容复杂多样的情况下，href="/html/u.html"，href="/tuho/huko.html"，想将它们全部替换成href="#" ，具体做法如下: 查找:\href="[^"]*"替换为：href="#" (#为替换后的内容，可根据需要更改! 一定要勾选：使用正则表达式.
js 正则替换html里的文字
qq_38110067的博客
07-12 1037
js 正则替换html里的文字
js 正则删除span标签以及标签里面的内容
qq_42174597的博客
07-22 2583
js 正则删除span标签以及标签里面的内容
js替换a标签href
漫天随飞雪的博客
06-03 2749
JS利用正则表达式替换字符串中的内容
鸡血博客
11-07 3524
JS正则表达式完整教程（略长） //从字符串'Is this all there is'中剪去'is': var str='Is this all there is'; var subStr=new RegExp('is');//创建正则表达式对象 var result=str.replace(subStr,"");//把'is'替换为空字符串 console.log(re...
前端基础-节点操作
逍遥云恋
03-26 1095
第3章 节点操作 页面元素节点的操作，都离不开DOM对象 3.1 节点操作-增删改 document.createElement() 用来生成网页元素节点，参数为元素的标签名； document.createTextNode() 用来生成文本节点，参数为所要生成的文本节点的内容； node.appendChild() 接受一个节点对象作为参数，将其作为最后一个子节点，插入当前节点； node....
js正则获取html标签内的文本并进行替换
05-16
可以使用正则表达式结合 JavaScript 的 replace() 方法来实现。以下是一个示例代码： ```html <!DOCTYPE html> <html> <head> <title>Replace Text in HTML Tag</title> </head> <body> <div> <p>Hello, <span class="name">John</span>!</p> <p>Welcome to our website!</p> </div> <script> var html = document.documentElement.innerHTML; var regex = /<span class="name">([^<]+)<\/span>/g; var replacedHtml = html.replace(regex, "$1 Doe"); document.documentElement.innerHTML = replacedHtml; </script> </body> </html> ``` 上述代码会将 HTML 中所有带有 class 属性为 "name" 的 span 标签内的文本替换为 "Doe"。具体实现过程如下： 1. 使用 document.documentElement.innerHTML 获取整个 HTML 页面的文本。 2. 定义一个正则表达式，用于匹配带有 class 属性为 "name" 的 span 标签内的文本。这里使用了捕获组来获取标签内的文本内容。 3. 使用 replace() 方法进行替换。第一个参数是要匹配的正则表达式，第二个参数是要替换成的文本。这里使用了 "$1" 占位符来表示捕获组中的文本内容。 4. 将替换后的 HTML 重新赋值给 document.documentElement.innerHTML，即可实现替换效果。 需要注意的是，在使用正则表达式匹配 HTML 标签时，应该使用非贪婪模式，即在正则表达式后面加上 "?"，以避免匹配到多个标签的情况。例如上述代码中的正则表达式为 /<span class="name">([^<]+)<\/span>/g，其中的 "[^<]+" 就是一个非贪婪模式的表达式，表示匹配除了 "<" 外的任意字符。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值