JSFiddle - React, Tailwind, and code Playground

by David Thomas

HTML

<div id="a">Some text</div>
<button id="reset">reset</button>

CSS

#a {
    font-size: 1.5em;
    font-weight: bold;
    letter-spacing: 150%;
    background-color: #ccc;
    color: #999;
}

JavaScript

var elem = document.getElementById('a');
var originalCSSProperties = window.getComputedStyle(elem,null);
var originalCSSValues = [];
for (var i=0,len=originalCSSProperties.length; i<len; i++){
    originalCSSValues.push(
        window
        .getComputedStyle(elem,null)
        .getPropertyValue(originalCSSProperties[i]));
}

$('#a').css({'background-color':'red','color':'black'});

$('#reset').click(
    function(){
        for (var c=0,leng=originalCSSProperties.length;c<leng;c++){
            $('#a').css(originalCSSProperties[c],originalCSSValues[c]);
        }
    });