how to remove css property using javascript

Question

is it possible to remove a CSS property of an element using JavaScript   e g  I have div style zoom   1 2   now i want to remove the zoom property through JavaScript

User · Answer

element style height   null    output    lt div style  height 100px   gt      results    lt div style    gt

User · Answer

This should do the trick - setting the inline style to normal for zoom         div   attr  style    zoom normal

User · Answer

div style removeProperty  zoom

User · Answer

You can use the styleSheets object   document styleSheets 0  cssRules 0  style removeProperty  zoom      Caveat  1   You have to know the index of your stylesheet and the index of your rule   Caveat  2   This object is implemented inconsistently by the browsers  what works in one may not work in the others

User · Answer

To change all classes for an element   document getElementById  ElementID   className    CssClass     To add an additional class to an element   document getElementById  ElementID   className      CssClass     To check if a class is already applied to an element   if   document getElementById  ElementID   className match        s CssClass    S

User · Answer

removeProperty will remove a style from an element   Example      div style removeProperty  zoom      MDN documentation page  CSSStyleDeclaration removeProperty

User · Answer

You can try finding all elements that have this class and setting the  zoom  property to  nothing    If you are using jQuery javascript library  you can do it with     the required class   css  zoom       Edit  Removed this statement as it turned out to not be true  as pointed out in a comment and other answers it has indeed been possible since 2010   False  there is no generally known way for modifying stylesheets from JavaScript

User · Answer

You have two options   OPTION 1   You can use removeProperty method  It will remove a style from an element   el style removeProperty  zoom      OPTION 2   You can set it to the default value   el style zoom         The effective zoom will now be whatever follows from the definitions set in the stylesheets  through link and style tags   So this syntax will only modify the local style of this element

User · Answer

You can also do this in jQuery by saying   selector  css  zoom

User · Answer

actually  if you already know the property  this will do it      for example    lt a href  test html  style  color white zoom 1 2  id  MyLink  gt  lt  a gt       var txt           txt   getStyle InterTabLink       setStyle InterTabLink  txt replace  zoom  1  2              function setStyle element  styleText           if element style setAttribute              element style setAttribute  cssText   styleText            else             element setAttribute  style   styleText                  getStyle function        function getStyle element           var styleText   element getAttribute  style            if styleText    null              return             if  typeof styleText     string       IE             return styleText          else     IE             return styleText cssText           Note that this only works for inline styles    not styles you ve specified through a class or something like that      Other note  you may have to escape some characters in that replace statement  but you get the idea

[javascript] how to remove css property using javascript?

Examples related to javascript

Examples related to css