How can I remove a specific CSS style using JavaScript?

Question

I am absolutly new in JavaScript and I have the following problem.

I have a script that is automatically performed when the user click on a button.

I need that this script do also the following operations:

Select an element into my DOM that have a specific ID
This element have setted an inline CSS: style="display: block;", which have to be removed.

How can I do it?

You should use addClass and removeClass in jQuery if you want your CSS to control the show/hide — Andrew
– Andrew, Commented Apr 30, 2015 at 13:50

Adrian Bolonio · Accepted Answer · 2015-04-30 13:54:29Z

3

$("#id_of_the_element").hide();

or

$('#id_of_the_element').css('display', '');

edited Apr 30, 2015 at 13:54

answered Apr 30, 2015 at 13:53

Adrian Bolonio

5174 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

AndreaNobili Over a year ago

mmm what do the hide method? Hide an element? I don't need to hide the element, I simply have to remove the CSS settings because it is the cause of an anomaly

Jules · Accepted Answer · 2015-04-30 13:54:04Z

1

To remove any property, use :

  $("#id").css("the_css_property","");

answered Apr 30, 2015 at 13:54

Jules

2951 silver badge10 bronze badges

Comments

heyarne · Accepted Answer · 2015-04-30 13:56:47Z

1

If you're using vanilla javascript (that is without any library), do the following:

var element = document.getElementById( YOUR_ELEMENT_ID )
element.style.display = ''

You effectively just enter the attribute you want and set it to an empty string.

answered Apr 30, 2015 at 13:56

heyarne

1,16712 silver badges34 bronze badges

Comments

EdenSource · Accepted Answer · 2015-04-30 14:03:46Z

1

You can use .removeAttr():

$("#id").removeAttr("style");

Exemple

edited Apr 30, 2015 at 14:03

answered Apr 30, 2015 at 13:57

EdenSource

3,38719 silver badges30 bronze badges

6 Comments

Adrian Bolonio Over a year ago

removeAttr only work with html attributes, not with CSS attributes. In your example "style" is an inline html attribute, but maybe he wants to delete a css property from a .css file. For that purpose, that doesn't work.

EdenSource Over a year ago

That is indeed what I understand of the OP's needs, removing html attribute style

Adrian Bolonio Over a year ago

but $.removeAttr only works in that situation. This time it works, but maybe not in every situation.

EdenSource Over a year ago

Are we talking about another situation that the one established in the question ?

EdenSource Over a year ago

You're right. If only one inline css attribute must be deleted but not all, I agree with you :)

|

Pugazh · Accepted Answer · 2015-04-30 13:55:03Z

0

With just JavaScript

<script>
    var elem = document.getElementById("your_elem_id");
    elem.style.display = '';    
</script>

answered Apr 30, 2015 at 13:55

Pugazh

9,5715 gold badges36 silver badges56 bronze badges

Comments

David Francis · Accepted Answer · 2015-04-30 13:55:23Z

0

With JQuery you can use $("#ElementID").css("display", ""); to clear the display attribute.

If it needs to be something else, just change the second parameter in the css() function.

More info here: http://api.jquery.com/css/

answered Apr 30, 2015 at 13:55

David Francis

3622 silver badges13 bronze badges

Collectives™ on Stack Overflow

How can I remove a specific CSS style using JavaScript?

6 Answers 6

1 Comment

Comments

Comments

6 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

1 Comment

Comments

Comments

6 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related