JSFiddle - React, Tailwind, and code Playground

by Frangly

HTML

<div id="parent"><span><span><span><span><div><div>abcd</div></div>1</span></span></span></span><span><div>2</div></span></div>

JavaScript 1.7

var childs = document.querySelectorAll("div#parent")
var tmpTexts = []
for (const c of childs) {
    if (tmpTexts.includes(c.innerText)) continue
    tmpTexts.push((c.innerText).trim())
    c.parentNode.removeChild(c)
}
tmpTextArr = tmpTexts[0].split('\n');
console.log(tmpTextArr);
const para = document.createElement("div");
tmpTextArr.forEach(function(text) {
	var node = document.createElement("div");
  var nodeTxt = document.createTextNode(text);
	node.appendChild(nodeTxt);
	para.appendChild(node)
});
  document.body.appendChild(para);