JSFiddle - React, Tailwind, and code Playground

HTML

<div id='div1'>
</div>

JavaScript

var div1 = document.getElementById('div1');
var a = document.createElement('img');
a.setAttribute('src','http://chart.googleapis.com/chart?cht=p&chs=430x240&chtt=My%20Daily%20Activities&chdl=Work%7CEat%7CCommute%7CWatch%20TV%7CSleep&chdlp=r&chco=3399CC%2C80C65A%2CFF0000%2CFFCC33%2CBBCCED&chd=e%3A..LoLoLoot');
a.setAttribute('alt','');
a.setAttribute('width','199');
a.setAttribute('height','199');
a.setAttribute('className','circle');

var b=document.createElement('a');
b.setAttribute('className','icon');

var c=document.createElement('h2');
c.value="filename";
c.name="filename";
c.id ="filename";

var d=document.createElement('ul');
d.innerHTML="<li><a href='#'>add</a></li>"

div1.appendChild(a);
div1.appendChild(b);
div1.appendChild(c);
div1.appendChild(d);