动态创建文件输入元素

Dynamically create file input element

本文关键字：元素 输入 文件 创建 动态      更新时间：2023-09-26

我想自定义文件输入按钮，所以我使用此代码创建一个文件输入元素

function inputBtn(){
    var input=document.createElement('input');
    input.type="file";
    setTimeout(function(){
        $(input).click();
    },200);
}
<button id="ifile" onclick="inputBtn()">create</button>

但是，当我单击创建时，它什么也没显示。

您正在创建新的 DOM 元素，但您没有将其附加到 DOM。 你需要这样的东西：

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

你可以在这里看到这在一个做得不好的JSFiddle中是如何工作的：http://jsfiddle.net/JQHPV/2/

相关文章：