JSFiddle - React, Tailwind, and code Playground

by HaJIuBauKa

HTML

<div id="informer"></div>

JavaScript

//Массив свойств css
var css = Array();
//Свойство head
css[0] = {
head: Array('color','family','font-size'),
head_set: Array('black','Arial','12pt')
}
//Свойство text
css[1] = {
text: Array('color','family','font-size'),
text_set: Array('red','Arial','10pt')
}
//Сам статичный код
var static_div = '<table><tr><td class="head-table">head</td></tr><tr><td class="text">text</td></tr></table>';

// стиль лучше хранить нативно, и лучше не использовать в названии стиля тег
var css = '.head-table { color: black; font-family: Arial; font-size: 12pt }';
css += '.text { color: red; font-family: Arial; font-size: 10pt }';
var head = document.head || document.getElementsByTagName('head')[0];
var style = document.createElement('style');

style.type = 'text/css';
if (style.styleSheet){
  style.styleSheet.cssText = css;
} else {
  style.appendChild(document.createTextNode(css));
}

head.appendChild(style);

var $informer = $('div#informer').html($(static_div));