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代码中添加一个类似的变量方便程序处理即可。