JSFiddle - React, Tailwind, and code Playground

HTML

<div id="test">TEST TEST TEST TEST TEST TEST</div>
<button onclick="getMyColor()">GetMyColor</button>
<button onclick="setMyColor()">SetMyColor</button>
<button onclick="getColor()">GetColor</button>

JavaScript

CSSStyleDeclaration.prototype.__defineSetter__('myColor', function(val){
    this.color = val;
    alert('Set color to:' + val);
});

CSSStyleDeclaration.prototype.__defineGetter__('myColor', function(){
    return this.color || 'default';
});

function getMyColor() {
    console.log($("#test")[0].style);
    alert($('#test')[0].style.myColor);
}

function setMyColor() {
    $('#test')[0].style.myColor = 'red';
}

function getColor() {
    alert($('#test')[0].style.color);
}