js消除内嵌的CSS样式
网站用了一个富文本编辑器,由于为了稳定性,所以富文本编辑器采用的是内嵌的css样式。但是为了让一个有各种格式的文章在首页展示的时候效果是一样的,没有任何格式。就必须去掉富文本编辑器中的所有内嵌格式。以一个统一的格式展示在网站的首页。这样是最协调的。然后问题是如何去掉内嵌的css样式。这个本来是没有思路的,突然想到了js。于是就借助js写一个正则匹配表达式。
<script language="javascript"> function transform() { var str; var par='par'; str=document.getElementById(par).innerHTML; str=str.replace(/<[^a][^>]+>/g,""); document.getElementById(par).innerHTML=str; } </script>
但是需要解决一个问题。因为网站采用的是循环程序写出来的,所以如果不给每一个需要处理的div一个特定的id,那么浏览器就会只处理第一个,而不会管其他的。于是做了以下改动:
<script language="javascript"> function transform() { var str; var par; var i; for(i=0;i<30;i++) { par='par'+i; str=document.getElementById(par).innerHTML; //alert(str); str=str.replace(/<[^a][^>]+>/g,""); //alert(str); document.getElementById(par).innerHTML=str; } } </script>这时候只要在php代码中添加一个类似的变量方便程序处理即可。