js怎么去掉一个div里的style

发布网友 发布时间：2022-04-22 06:07

我来回答

共7个回答

热心网友 时间：2022-05-17 22:03

需要准备的材料分别有：电脑、html编辑器、浏览器。

1、首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。

2、在index.html中的<script>标签，输入js代码：$('div').css('margin-left', 0);。

3、浏览器运行index.html页面，此时div中的style属性的margin-left被成功去除。

热心网友 时间：2022-05-17 23:21

先判断div的style是通过style属性添加还是通过class添加。

可以使用jquery很方便的解决这个问题。

<!--通过style属性直接添加-->
<div style="width:100px" id="div"></div>
<!--通过class添加-->
<style type="text/css">
.abc{width:100px;}
</style><div class="abc" id="div2"></div>
<script type="text/javascript">
//直接去掉style
$("#div").removeAttr("style"); 
//去掉div的class
$("#div2").removeClass("abc");
</script>

方法说明：

removeAttr() 方法从被选元素中移除属性。

removeClass() 方法从被选元素移除一个或多个类。

热心网友 时间：2022-05-18 00:56

$("div.contenta div.s div[style!='']").attr("style","");

追问要不是jquery的

追答

不是JQUERY的 可以进行JS循环取 比较麻烦

document.getelementsbytagname("div")

然后使用getattribute 获取class名称  如果class名称为 s 

再在当前对象下面循环 取所有DIV  获取他们的style属性 如果不为空就调用setattribute 设置为空就行

热心网友 时间：2022-05-18 02:47

document.getElementById('divId').removeAttribute("style");

热心网友 时间：2022-05-18 04:55

先给div指定一个id;
document.getElementById('divID').removeAttribute("style"); //清除所有样式

document.getElementById('divID').style.marginLeft = "0";

热心网友 时间：2022-05-18 07:20

你的这个div没有id 、name或 class 匹配到该div比较麻烦
jquery
$('div.s div[style^="margin-left"]').removeAttr('style');

热心网友 时间：2022-05-18 10:01

$("#divId").attr("style","");
divId是div的Id