Javascript动态创建控件
来源:互联网 发布:淘宝 买折扇推荐 编辑:程序博客网 时间:2024/05/17 23:57
Javascript动态创建控件
原文地址
<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>
<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;
}
{
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;
}
- Javascript动态创建控件
- Javascript动态创建控件
- javascript动态创建控件的3种方法
- 动态创建控件
- 创建动态控件
- 动态创建控件:
- Panel创建动态控件
- 动态创建控件
- Panel创建动态控件
- 动态创建控件
- 动态创建控件
- 如何动态创建控件
- 动态创建控件
- VB动态创建控件
- 动态创建TreeView控件
- 如何动态创建控件
- 动态创建TreeView控件
- 动态创建树形控件
- 验证表单的标准JavaScript
- 用javascript实现的tip效果
- Win7/Vista/xp共享文件夹权限解惑
- 标准的动态显示当前时间的JavaScript函数
- 8086_显示字符串
- Javascript动态创建控件
- 译 ADF View Object Performance Tuning Analysis
- Android调用系统摄像头--使用MediaRecorder--2--使用MediaRecorder进行录制
- java包名问题
- c标准
- C#中的数字格式化 格式日期格式化
- C#编程中的66个好习惯
- 安装vnc的各种悲剧解决
- ArcGIS桌面经验之谈(二)