js怎么去掉一个div里的style

怎么把div里style=margin-left去掉

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

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

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

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

温馨提示:内容为网友见解,仅供参考
第1个回答  2015-10-01

先判断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() 方法从被选元素移除一个或多个类。

第2个回答  2014-07-10
你的这个div没有id 、name或 class 匹配到该div比较麻烦
jquery
$('div.s div[style^="margin-left"]').removeAttr('style');
第3个回答  2018-11-22
先给div指定一个id;
document.getElementById('divID').removeAttribute("style"); //清除所有样式

document.getElementById('divID').style.marginLeft = "0";
第4个回答  2014-07-10
$("div.contenta div.s div[style!='']").attr("style","");

追问

要不是jquery的

追答

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

document.getelementsbytagname("div")

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

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

本回答被提问者采纳

怎样用js修改div里标签的样式
1、新建一个html文件,命名为test.html。2、在test.html文件内,使用div标签创建一个模块,在div内,使用p标签创建两行文字,用于测试。3、在test.html文件内,设置div标签的id为mytest,主要用于下面通过该id获得div对象。4、在test.html文件内,使用button标签创建一个按钮,按钮名称为“删除div里的...

如何在JS用正则表达式去掉<div><\/div>之间的字符串
var str = "<div style='display:none'>金庸武侠<\/div>天龙八部";var reg = \/<\\\/{0,}[a-z](.+?)>[\\s\\S]*?<\\\/{0,}[a-z](.+?)>\/;str = str .replace(reg,"");

JS删除特定的DIV求方法
你给DIV加上ID,再用JS:document.getElementById("ID").style.display = "none";就OK了。运行下面的代码:<DIV class="post cate1 auth1" id="div1">我是DIV1<\/div> <DIV class="post cate2 auth1" id="div2">我是DIV2<\/div> <DIV class="post cate3 auth1" id="div3">我是...

js 如何删除某个div下的div元素
最好给需要删除的div元素定义一个ID,以方便对其进行操作;注意JS中是没有remove();方法的,在jquery中就可以直接使用 $("#divID").remove();移除该元素;这样非常方便、简单。js中的话要通过获取该元素的父级元素,再调用..removeChild(要删除的元素);测试demo:...

jquery或js清除所有style
用正则,然后写个遍历。

js如何鼠标点击一个div删除另一个div的class中的其中一个类名,再点击...
height:100px;} .red{background:red} .green{background:green} <\/style> <script type="text\/javascript" src="https:\/\/code.jquery.com\/jquery-1.11.3.js"><\/script> <\/head> <body> <div id="div" style="background:Green;cursor:hand;">click<\/div> <...

js 如何过滤div里内的指定字符
用js自带的replace()函数 replace() 方法用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。语法:stringObject.replace(regexp\/substr,replacement)参数 描述 regexp\/substr 必需。规定子字符串或要替换的模式的 RegExp 对象。请注意,如果该值 是一个字符串,则将它...

css\/javascript 一个div包含两个样式class="div1 div2"用javascript修改...
前提是原先没有设置 style 属性。如果原先有 style 属性 var style = document.getElementById("1").getAttribute('style');document.getElementById("1").setAttribute('style', style + ';border: 10px solid !important;');注意不能用 document.getElementById("1").style.border="10px solid...

怎么用JS隐藏一个DIV层?
1、HTML结构 <input type="button" value="隐藏" onclick="fun(this)"><div id="test">我是一个DIV<\/div>2、javascript代码 function fun(obj){var div = document.getElementById("test");if(obj.value=="隐藏"){div.style.display = "none";obj.value = "显示";} else {div.style...

js控制div显示隐藏实现(jquery控制div显示隐藏)
然后创建一个隐藏的div,把需要隐藏的内容写到这个div上,然后给这个div设置一个id,在案例中设置案例的id为hide。给div设置隐藏的样式。在标签后面为id为hide设置样式display:none,这个样id为hide的div就会被隐藏掉了。写一段JS代码,来改变div的display属性为'none',要显示就为空,比较简单的实现.styl...

相似回答