Javascript从样式中删除特定属性

时间:2014-08-30 05:58:08

标签: javascript jquery html css

您好我已经开始学习Javascript了,我想知道是否有一种方法可以从样式中删除特定属性这是一个解释我的意思的例子

  <div id="divbrd" style="width:500px; height:350px; border:1px solid #000; box-shadow:10px 5px 10px #777;"></div>

这是一个带有样式的div标签,所以如果我想从样式属性中删除box-shadow我怎么能在这里做到这一点就是我所做的:

<script type="text/javascript">
    var   div_brd = document.getElementById("divbrd");
    div_brd.removeAttribute("style","box-shadow");
    </script>

请纠正我... 谢谢

3 个答案:

答案 0 :(得分:0)

试试这个

<script type="text/javascript">
var   div_brd = document.getElementById("divbrd");
div_brd.style.boxShadow = "none";
</script>

Fiddle:

在这个小提琴中,div上有一个盒子阴影,但它正在从js中移除

答案 1 :(得分:0)

以防万一你也想学习jquery。

$('#divbrd').css("box-shadow", "");

答案 2 :(得分:0)

这将删除属性

<script type="text/javascript">
var   div_brd = $("#divbrd");
div_brd.style.boxShadow = "none";
</script>

OR

<script type="text/javascript">
     $('#divbrd').css("box-shadow", "none");
    </script>