Remove Style on Element

Question

I was wondering if this is possible   There s this element   lt div id  sample id  style  width 100px  height 100px  color red   gt    So I want to remove width 100px  and height 100px   the result would be    lt div id  sample id  style  color red   gt    Any help would be apprreciated

User · Answer

sample id   css    width         height

User · Answer

var element   document getElementById  sample id    element style removeProperty  width    element style removeProperty  height

User · Answer

Specifying auto on width and height elements is the same as removing them  technically  Using vanilla Javascript   images i  style height    auto   images i  style width    auto

User · Answer

You can edit style with pure Javascript  No library needed  supported by all browsers except IE where you need to set to    instead of null  see comments    var element   document getElementById  sample id     element style width   null  element style height   null    For more information  you can refer to HTMLElement style documentation on MDN

User · Answer

Update  For a better approach  please refer to Blackus s answer in the same thread     If you are not averse to using JavaScript and Regex  you can use the below solution to find all width and height properties in the style attribute and replace them with nothing     Get the value of style attribute based on element s Id var originalStyle   document getElementById  sample id   getAttribute  style      var regex   new RegExp   width  height         s      g     Replace matches with null var modStyle   originalStyle replace regex           Set the modified style value to element using it s Id document getElementById  sample id   setAttribute  style   modStyle

User · Answer

Just use like this       sample id   css  width             sample id   css  height

User · Answer

Use javascript   But it depends on what you are trying to do  If you just want to change the height and width  I suggest this     document getElementById  sample id   style height    150px   document getElementById  sample id   style width    150px         TO totally remove it  remove the style  and then re-set the color   getElementById  sample id   removeAttribute  style    document getElementById  sample id   style color    red     Of course  no the only question that remains is on which event you want this to happen

[javascript] Remove Style on Element

Examples related to javascript

Examples related to html

Examples related to css