用JS 清除指定div行内样式

璞~

已于 2022-07-06 15:09:11 修改

阅读量1.6w

点赞数 1

CC 4.0 BY-SA版权

文章标签： javascript elementui webview

于 2018-04-11 11:28:39 首次发布

本文链接：https://blog.youkuaiyun.com/qq_39702981/article/details/79893787

本文介绍了一种去除HTML代码中的行内样式的方法，通过JavaScript遍历并清除指定类名下所有元素的样式属性，以此来优化移动端的页面显示效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前些天发现了一个巨牛的人工智能学习网站，通俗易懂，风趣幽默，忍不住分享一下给大家。点击跳转到网站

管用的话记得点点关注

有时候下面代码中 {$r[content]}调用有行内样式不适合手机版

所以

{template "wap","header"}
<div class="content fix">
 <!--About_us-->
 {pc:content action="lists" catid="$catid" num="2" moreinfo="1"  order="id DESC" page="$page"}
{loop $data $r}
 <div class="About_us fix">
  <div class="About_usbt fix"><h3>{$r[title]}</h3></div>
  <div class="wap">
  {$r[content]}
  </div>
  {/loop}
{/pc}

</div>
<script>
var tags = $(".wap  div");
for (var i = 0; i < tags.length; i++) {
    tags[i].removeAttribute('style');
}
</script>
{template "wap","footer"}

用此代码可以去除

<script>
var tags = $(".wap  div");
for (var i = 0; i < tags.length; i++) {
    tags[i].removeAttribute('style');
}
</script>