与前端相关的正则表达式

news/2024/7/24 2:52:36

可解析嵌套的HTML标签

/<(?:(?:\/?[A-Za-z]\w*\b(?:[=\s](['"]?)[\s\S]*?\1)*)|(?:!--[\s\S]*?--))\/?>/g

demo

let str = '<table><tr><td t="s" id="sjs-A1" v="编号">编号</td><td t="s" id="sjs-B1" v="姓名">姓名</td></tr><tr><td t="n" id="sjs-A2" v="1">1</td><td t="s" id="sjs-B2" v="张三">张三</td></tr><tr><td t="n" id="sjs-A3" v="2">2</td><td t="s" id="sjs-B3" v="李四">李四</td></tr><tr><td t="n" id="sjs-A4" v="3">3</td><td t="s" id="sjs-B4" v="王五">王五</td></tr></table>'
let reg = /<(?:(?:\/?[A-Za-z]\w*\b(?:[=\s](['"]?)[\s\S]*?\1)*)|(?:!--[\s\S]*?--))\/?>/g
str.match(reg)let str = '<table><tr><td t="s" id="sjs-A1" v="编号">编号</td><td t="s" id="sjs-B1" v="姓名">姓名</td></tr><tr><td t="n" id="sjs-A2" v="1">1</td><td t="s" id="sjs-B2" v="张三">张三</td></tr><tr><td t="n" id="sjs-A3" v="2">2</td><td t="s" id="sjs-B3" v="李四">李四</td></tr><tr><td t="n" id="sjs-A4" v="3">3</td><td t="s" id="sjs-B4" v="王五">王五</td></tr></table>'
let reg = /<(?:(?:\/?[A-Za-z]\w*\b(?:[=\s](['"]?)[\s\S]*?\1)*)|(?:!--[\s\S]*?--))\/?>/g
str.match(reg)

结果

在这里插入图片描述


http://www.niftyadmin.cn/n/612104.html

相关文章

vue实现解析表格数据+表格拖拽排序

效果图&#xff1a; 解析表格 解析表格数据安装插件&#xff1a;npm install xlsx --save-dev 安装完成之后&#xff0c;在页面进行导入&#xff1a;import XLSX from xlsx 解析表格用到3个方法 // 点击上传按钮&#xff0c;拿到file对象 handleUpload(file) {this.readWor…

用Javamail写的邮件接收程序

package coffeecatwebmail;import java.io.*;import java.text.*;import java.util.*;import javax.mail.*;import javax.mail.internet.*;public  class PraseMimeMessage{private MimeMessage mimeMessage  null;private String saveAttachPath   "&quo…

JSP中tomcat的SQL Server2000数据库连接池的配置

JSP中tomcat的SQL Server2000数据库连接池的配置环境&#xff1a;1. 数据库&#xff1a;Microsoft SQL Server 20002. 数据库驱动程序&#xff1a;net.sourceforge.jtds.jdbc.DriverJNDI&#xff08;Java Naming and Directory Interface&#xff09;概述&#xff1a;Tomcat4&a…

elementUI去<el-input>边框

1、第一种方法&#xff1a; <style> /* 三种方法选择自己喜欢的一个即可 */ /* .el-input--prefix .el-input__inner{border: none; } */ /* .el-input--small .el-input__inner {border: none; } */ .el-input__inner{border: none; } </style>缺点是style不能加…

去除elementUI<el-table>表格线

表格去除boder后还是有表格线这就需要其他操作 1、表格结构&#xff1a;在表格外层包一层自定义的class&#xff0c;利用三箭头深度修改 2、去除表格线 .my_table >>> .el-table__row>td{/* 去除表格线 */border: none; } 结果&#xff1a; 3、去除上边框&#…

css两个table对齐

1、两个<table>表格宽度不对齐&#xff0c;只要数据有变化就会出现各种不对其的现象。 解决方法是将<table>的table-layout样式设置成fixed;&#xff0c;进行固定表格布局&#xff0c;它仅取决于表格宽度、列宽度、表格边框宽度、单元格间距&#xff0c;而与单元格…

vue循环渲染element-ui中table内容

当el-table元素中注入data对象数组后&#xff0c;在el-table-column中用prop属性来对应对象中的键名即可填入数据&#xff0c;用label属性来定义表格的列名。可以使用width属性来定义列宽。 1、相当于是要枚举出所有需要展示的参数&#xff0c;这种情况在参数比较少的情况下是…

vue时间默认为当前时间年月日

1、安装 moment npm install moment -- save 2、在文件中引用 moment import moment from moment 3、使用moment //.subtract(30, "days") 的意思是向前推30天&#xff0c;如果是1&#xff0c;就是向前推1天。 let startDate moment().subtract(30, "days&…