Javascript Remove specific attribute from style

Question

Hello i have started to learn Javascript and i was wondering if there is a way to remove a specific attribute from the style here is an example that explain what i mean

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

this is a div tag with a style so if i want to remove the box-shadow from the style attribute how can i do this here is what i have done :

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

correct me please ... thanks

Answer 1

Try this

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

Fiddle:

In this fiddle there is box shadow on div but it's removing from js

Answer 2

以防万一，如果您还想学习jQuery。

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

Answer 3

this will remove the attribute

<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>