JSFiddle - React, Tailwind, and code Playground

HTML

<div id="z">z</div>
<div id="x">x</div>

JavaScript

var z = document.getElementById('z').cloneNode(true);
var x = document.getElementById('x').cloneNode(true);
var frag = document.createElement('div');
var arr = [];

document.body.appendChild(frag);
frag.setAttribute('id', 'frag');
frag.appendChild(z);
frag.appendChild(x);

[].forEach.call(frag.children, function(el) {
  var a = '<'+el.tagName.toLowerCase()+ " id='"+el.id+"'"+'>' +el.innerText+ '<'+el.tagName.toLowerCase()+'>';
  arr.push(a);
});
arr = arr.toString().replace(',', '')
frag.innerText = '"'+arr+'"';