JSFiddle - React, Tailwind, and code Playground

by jonjohnjohnson

HTML

<div id="foo" data-grab="hello world">This is awesome!</div>
<div id="bar"></div>

CSS

#foo {
    color: #f00;
}

#foo:before {
    content: attr(data-grab);
}

#bar {
    color: #00f;
}

JavaScript

var foo = document.getElementById('foo');
var grab = getComputedStyle(foo, ':before').content;
var bar = document.getElementById('bar');
bar.innerHTML = grab;