JSFiddle - React, Tailwind, and code Playground
CSS
.my_class {
border: 2px solid red;
}
JavaScript
Element.prototype.setAttributes = function (attrs) {
for (var idx in attrs) {
if ((idx == 'styles' || idx == 'style') && typeof attrs[idx] == 'object') {
for (var prop in attrs[idx]){this.style[prop] = attrs[idx][prop]}
} else if (idx == 'html') {
this.innerHTML = attrs[idx]
} else {
this.setAttribute(idx, attrs[idx]);
}
}
};
var d = document.createElement('div');
d.setAttributes({
'id':'my_div',
'class':'my_class',
'styles':{
'backgroundColor':'blue',
'color':'red'
},
'html':'lol'
});
document.body.appendChild(d);