<html>
<head>
<title></title>
<script language="javascript" type="text/javascript">
function createElement(tagName, type)
{
var element = null;
try
{
element = document.createElement('<' + tagName + ' name="'+name+'" />');
element.type = type;
element.value = value;
}
catch (e)
{
}
if ( ! element)
{
element = document.createElement(tagName);
element.setAttribute("type", type);
}
return element;
}
function add()
{
var input1 = createElement("input","file");
var br = document.createElement("<br />");
var files = document.getElementById("files");
files.appendChild(br);
files.appendChild(input1);
}
</script>
</head>
<body>
<input type="button" value="add" onclick="add();"/>
<div id="files">
<input type="file"/>
</div>
</body>
</html>
延伸一下,動態建立input任意元素程式碼片段如下即可:function createElement(tagName,name,type,value)
{
var element = null;
try
{
element = document.createElement('<'+tagName+' name="'+name+'" />');
element.type = type;
element.value = value;
}
catch (e)
{
}
if (!element)
{
element = document.createElement(tagName);
element.setAttribute("type",type);
element.setAttribute("name",name);
element.setAttribute("value",value);
}
return element;
}