项目中遇到这样的需求，一大段文章正文的html代码在手机中显示不全，原因是由于其它有table，而table表格中的tr/td都携带了从word中粘贴过来的样式，需要将这一大段的字符串中的table、tr、td中携带的样式清除掉，同时还不能破坏table结构，即要保留tr中的rowspan和td中的colspan属性。
html部分代码如下：
<p align="left"><span lang="EN-US"> <o:p>文字中华人民共和国文字中华人民共和国文字中华人民共和国</o:p> </span></p> <table> <tbody> <tr> <td width="117"><p align="center"><span>项目<span lang="EN-US"> <o:p></o:p> </span></span></p></td> <td width="137"><p align="center"><span>金额<span lang="EN-US"> <o:p></o:p> </span></span></p></td> <td width="153"><p align="center"><span>经办人<span lang="EN-US"> <o:p></o:p> </span></span></p></td> <td width="135"><p align="center"><span>是否有发票<span lang="EN-US"> <o:p></o:p> </span></span></p></td> </tr> <tr> <td width="117"><p align="center"><span>合计<span lang="EN-US"> <o:p></o:p> </span></span></p></td> <td colspan="3" valign="bottom" nowrap=""><p align="center"><span lang="EN-US"> <o:p></o:p> </span></p></td> </tr> </tbody> </table> <p><span>文字中华人民共和国文字中华人民共和国文字中华人民共和国。</span><span lang="EN-US"> <o:p></o:p> </span></p>
JS脚本如下：
/* *格式化内容，str即是html格式的字符串 */ function formatContent(str){ str=str.replace(/</?(html|head|title|meta|body)b[^>]*>/ig,""); str=str.replace(/<table[^>]*>/ig,"<table>"); return str; str=str.replace(/(<tr[^>]*>)/ig, function (a, b) { if(a.indexOf('rowspan')>-1){ a=a.replace(/([a-z]+)="([^"]+)"/ig,function(c,d,e){ return d === 'rowspan' "' + e + '"') : ''; }) return a; }else{ return '<tr>'; } }); str=str.replace(/(<td[^>]*>)/ig, function (a, b) { if(a.indexOf('colspan')>-1){ a=a.replace(/([a-z]+)="([^"]+)"/ig,function(c,d,e){ return d === 'colspan' "' + e + '"') : ''; }) return a; }else{ return '<td>'; } }); return str; }
以上所述就是本文的全部内容了，希望大家能够喜欢。
【javascript清理table样式】相关文章：
★ javascript中createElement的两种创建方式