JSFiddle - React, Tailwind, and code Playground

HTML

<button>trigger</button>
<a>prova</a>

JavaScript

document.querySelector('a').insertAdjacentHTML('afterbegin','<b>hello</b>');

var df = document.createDocumentFragment();
var div = document.createElement('div');
df.appendChild(div);

div.innerHTML = "<a href='#'>clickme</a>";

df.querySelector('a').addEventListener('click', function(){
   alert('Dave');
}, false);

document.querySelector('body').appendChild(df.firstChild);
console.log(df);