Dynamiquement créer élément d'entrée de fichier

Question

Je veux personnaliser le bouton d'entrée de fichier, donc j'utiliser ce code pour créer un élément d'entrée de fichier

function inputBtn(){ 
    var input=document.createElement('input'); 
    input.type="file"; 
    setTimeout(function(){ 
     $(input).click(); 
    },200); 
} 

<button id="ifile" onclick="inputBtn()">create</button> 

Cependant, lorsque je clique sur créer, il ne montre rien.

Answer 1

Vous créez le nouvel élément DOM, mais vous ne l'attachez pas au DOM. Vous avez besoin de quelque chose comme:

document.getElementById('target_div').appendChild(input); 

Vous pouvez voir comment cela fonctionne dans un jsFiddle mal fait ici: http://jsfiddle.net/JQHPV/2/