JSFiddle - React, Tailwind, and code Playground

HTML

<div id="imagefiles">Yo</div>

JavaScript

var image = document.getElementById('imagefiles'), parent = image.parentNode,
tempDiv = document.createElement('div');

tempDiv.innerHTML = "<input type='file' name='imagefiles' id='imagefiles' />"

var input = tempDiv.childNodes[0];

parent.replaceChild(input, image);