JSFiddle - React, Tailwind, and code Playground

by Graham Fairweather

HTML

<div id="target">text</div>

JavaScript

function injectStyle(data, attributes, inBody) {
    attributes = attributes || {};
    inBody = inBody || false;
    
    var inject = document.createElement("style"),
        i;
    
    inject.type = "text/css";
    for (i in attributes) {
        if (attributes.hasOwnProperty(i)) {
            inject[i] = attributes[i];
        }
    }
    
    inject.appendChild(document.createTextNode(data));
    if (inBody) {
        return document.body.appendChild(inject);
    }

    return (document.head || document.getElementsByTagName("head")[0] || document.documentElement).appendChild(inject);
}

injectStyle("#target { border-style: solid; border-width: 5px; }", {
    id: "injectedStyle"
});