javascript清理table样式_javascript技巧

程序员文章站 2022-04-09 14:21:02

...

项目中遇到这样的需求，一大段文章正文的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(/(

]*>)/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; }

以上所述就是本文的全部内容了，希望大家能够喜欢。