JSFiddle - React, Tailwind, and code Playground

by cchana

HTML

<div id="lotsOfStyles"></div>
<a href="#">test</a>
<div id="output"></div>

CSS

#lotsOfStyles {
    background-color: #000;
    border: 1px solid red;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    height: 100px;
    width: 100px;
}

JavaScript

$('#lotsOfStyles').click(function() {
    var styles = new Array();
    for(var i = 0; i < this.style.length; i++) {
        var style = this.style[i];
        styles[i] = [style, this.style[style]];
    }
    var output = '';
    for(var i = 0; i < styles.length; i++) {
        output += styles[i][0] + ': ' + styles[i][1] + '<br />';
    }
    $('#output').html(output);
});