站长百科 javascript中使用正则表达式清理table样式的代码 正文

javascript中使用正则表达式清理table样式的代码

2022-01-12,,,,

本文给大家讲解的是使用javascript实现去除多余的TABLE的样式，主要通过结合正则表达式来实现，非常的简单实用，有需要的小伙伴可以参考下。

项目中遇到这样的需求，一大段文章正文的html代码在手机中显示不全，原因是由于其它有table，而table表格中的tr/td都携带了从word中粘贴过来的样式，需要将这一大段的字符串中的table、tr、td中携带的样式清除掉，同时还不能破坏table结构，即要保留tr中的rowspan和td中的colspan属性。

html部分代码如下：

 
 文字中华人民共和国文字中华人民共和国文字中华人民共和国
  
 
项目 
金额 
经办人 
是否有发票 
 
合计 
 
文字中华人民共和国文字中华人民共和国文字中华人民共和国。

JS脚本如下：

 /* *格式化内容，str即是html格式的字符串 */ function formatContent(str){ str=str.replace(/]*>/ig,""); str=str.replace(/]*>/ig,"
"); return str; str=str.replace(/(]*>)/ig, function (a, b) { if(a.indexOf('rowspan')>-1){ a=a.replace(/([a-z]+)="([^"]+)?"/ig,function(c,d,e){ return d === 'rowspan' ? (d + '="' + e + '"') : ''; }) return a; }else{ return ''; } }); str=str.replace(/(
本站小编再给大家推荐一个
 //表格替换 str=str.replace(/<table[^]*>/ig, "
]*>)/ig, function (a, b) { if(a.indexOf('colspan')>-1){ a=a.replace(/([a-z]+)="([^"]+)?"/ig,function(c,d,e){ return d === 'colspan' ? (d + '="' + e + '"') : ''; }) return a; }else{ return ''; } }); return str; } 





"); str=str.replace(/<thead[^]*>/ig, ""); str=str.replace(/<tbody[^]*>/ig, ""); str=str.replace(/<tfoot[^]*>/ig, ""); str=str.replace(/<tr[^]*>/ig, ""); str=str.replace(/<th [^]*>/ig, ""); str=str.replace(/<td[^]*>\s*?
/ig, "
");
这样对于表格中所有出现的标签都进行了替换，因为现在都是用css控制的，基本上不用这么多参数什么的了，除非特殊的表格
以上所述就是本文的全部内容了，希望大家能够喜欢。
以上就是javascript中使用正则表达式清理table样式的代码的详细内容，更多请关注本站其它相关文章！




《javascript中使用正则表达式清理table样式的代码.doc》


下载本文的Word格式文档，以方便收藏与打印。













Copyright 2023. 昆居客 - IT编程,互联网信息技术文档大全!


"); str=str.replace(/<td[^]*>/ig, ""); str=str.replace(/\s*?
/ig, "
"); str=str.replace(/\s*?/ig, ""); str=str.replace(/\s*?
/ig, "
"); str=str.replace(/\s*?/ig, "