title: How to remove/change dynamically created CSS class in JavaScript
body: <p><strong>Background</strong>,</p>
  
  <p>There are some elements where CSS animations needs to be applied. However these CSS needs to be generated on the fly as calculation needs to be done from JavaScript code.</p>
  
  <p><a href="https://stackoverflow.com/questions/1720320/how-to-dynamically-create-css-class-in-javascript-and-apply">This</a> question clarifies how to dynamically add a CSS. Now the question is, how do I remove or replace a CSS generated following the accepted answer?</p>
  
  <p>Just to be clear, it's nothing to do with removing a class from element. I need to remove it from the page so that animations will stop from elements with class. At some time later I can alter the CSS and re-register class so that associated elements are animated in different way.</p>