首页新闻找找看学习计划

怎么用js清楚一段html的所有样式,只保留标签和内容

0
悬赏园豆:10 [待解决问题]

有没有相关的一些插件可以清楚一段html代码的所有标签的内联样式,保留原有标签和标签内的内容

比如下面这段:

<p style="margin: 23px auto 0px; padding: 0px; list-style: none; font-size: 14px; line-height: 26px; font-family: SimSun; color: rgb(43, 43, 43); white-space: normal; overflow: visible !important;">
7月1日,庆祝<a href="http://country.huanqiu.com/chinesecommunistparty" class="linkAbout" target="_blank" title="中国共产党" style="color: rgb(6, 52, 111); text-decoration: none; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: rgb(6, 52, 111); margin: 0px 5px; padding: 0px 0px 2px;">中国共产党</a>成立95周年大会在北京人民大会堂隆重举行。中共中央总书记、国家主席、中央军委主席习近平在大会上发表重要讲话。新华社记者 刘卫兵 摄
</p>
<p style="margin: 23px auto 0px; padding: 0px; list-style: none; font-size: 14px; line-height: 26px; font-family: SimSun; color: rgb(43, 43, 43); white-space: normal; overflow: visible !important;">
  <strong><a href="http://country.huanqiu.com/china" class="linkAbout" target="_blank" title="中国" style="color: rgb(6, 52, 111); text-decoration: none; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: rgb(6, 52, 111); margin: 0px 5px; padding: 0px 0px 2px;">中国</a>青年网北京7月11日电</strong>&nbsp;(记者 李拓)“我们党已经走过了95年的历程,但我们要永远保持建党时中国共产党人的奋斗精神,永远保持对人民的赤子之心。一切向前走,都不能忘记走过的路;走得再远、走到再光辉的未来,也不能忘记走过的过去,不能忘记为什么出发。面向未来,面对挑战,全党同志一定要不忘初心、继续前进。”
</p>
<p>
<br/>
</p>

转化成:

<p>
7月1日,庆祝<a href="http://country.huanqiu.com/chinesecommunistparty" target="_blank" title="中国共产党">中国共产党</a>成立95周年大会在北京人民大会堂隆重举行。中共中央总书记、国家主席、中央军委主席习近平在大会上发表重要讲话。新华社记者 刘卫兵 摄
</p>
<p>
  <a href="http://country.huanqiu.com/china" target="_blank" title="中国">中国</a>青年网北京7月11日电&nbsp;(记者 李拓)“我们党已经走过了95年的历程,但我们要永远保持建党时中国共产党人的奋斗精神,永远保持对人民的赤子之心。一切向前走,都不能忘记走过的路;走得再远、走到再光辉的未来,也不能忘记走过的过去,不能忘记为什么出发。面向未来,面对挑战,全党同志一定要不忘初心、继续前进。”
</p>
<p>
<br/>
</p>

谢谢!

我在马路边的主页 我在马路边 | 初学一级 | 园豆:192
提问于:2016-07-11 17:05
< >
分享
所有回答(5)
0

标签 remove style 就好了。

s_p | 园豆:269 (菜鸟二级) | 2016-07-11 17:06

我的意思是一个方法把所有的标签样式清楚,或者有么有类似的js插件

支持(0) 反对(0) 我在马路边 | 园豆:192 (初学一级) | 2016-07-11 17:09

@我在马路边: 或者 $("p").find("*").attr("style":"");

支持(0) 反对(0) Постой! | 园豆:809 (小虾三级) | 2016-07-12 09:29

@gakki: 说实话,这真是个蛋疼的需求

支持(0) 反对(0) Постой! | 园豆:809 (小虾三级) | 2016-07-12 09:31
1
 
var tags = document.body.getElementsByTagName('*');
for (var i = 0; i < tags.length; i++) {
    tags[i].removeAttribute('style');

}

Постой! | 园豆:809 (小虾三级) | 2016-07-12 09:15
0

只能给这个标签,设置一个特定的class,然后对这个class编写默认样式。覆盖其他样式。否则其实无法移除(除非你的css全是写在style中的)

幻天芒 | 园豆:36522 (高人七级) | 2016-07-12 09:16
0

哎,悲催的内联样式。

$('*','xxx').removeAttr('style');

| 园豆:750 (小虾三级) | 2016-07-13 20:58
0

 $("*").removeAttr("style")

*代表所有元素  这句话可以清楚所有元素的内联样式

dongxiaolei | 园豆:236 (菜鸟二级) | 2017-03-20 14:05
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册