JSFiddle - React, Tailwind, and code Playground

by Zeljko Tadic

HTML

<body>
<div class="head">

</div>
<div class="category">

</div>
<div class="head">

</div>
<div class="category">

</div>
<div class="result">

</div>
</body>

JavaScript

var body = document.querySelector('body');

body.innerHTML = '<div id="div"></div>' + body.innerHTML;
var categories = document.getElementsByClassName('category');
for (var i = 0; i< categories.length; i++) {
    categories[i].innerHTML = '<div id="div2"></div>' + categories[i].innerHTML;
}
var heads = document.getElementsByClassName('head');
for (var i = 0; i< categories.length; i++) {
    heads[i].innerHTML = '<div id="close"></div>' + heads[i].innerHTML;
}

var result = document.querySelector('.result');
result.innerText = body.innerHTML;