javascript实现的动态添加表单元素input,button等(appendChild)
2007-11-24 00:00
1076 查看
写一个小系统时,需要动态添加表单元素,按自己的实现方法写了这篇教程!
我想各位在很多网站上都看到过类似的效果!
1、先用document.createElement方法创建一个input元素!
2、设定相关属性,如name,type等
3、用appendChild方法,将元素追加到某个标签内容中!
Javascrip核心代码:
动态添加表单元素
function AddElement(mytype){
var mytype,TemO=document.getElementById("add");
var newInput = document.createElement("input");
newInput.type=mytype;
newInput.name="input1"; TemO.appendChild(newInput);var newline= document.createElement("br");
TemO.appendChild(newline);
}
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
我想各位在很多网站上都看到过类似的效果!
1、先用document.createElement方法创建一个input元素!
var newInput = document.createElement("input");
2、设定相关属性,如name,type等
newInput.type=mytype; newInput.name="input1";
3、用appendChild方法,将元素追加到某个标签内容中!
TemO.appendChild(newInput);
Javascrip核心代码:
<script language="javascript"> function AddElement(mytype){ var mytype,TemO=document.getElementById("add"); var newInput = document.createElement("input"); newInput.type=mytype; newInput.name="input1"; TemO.appendChild(newInput); var newline= document.createElement("br");//创建一个BR标签是为能够换行! TemO.appendChild(newline); } </script>
动态添加表单元素
function AddElement(mytype){
var mytype,TemO=document.getElementById("add");
var newInput = document.createElement("input");
newInput.type=mytype;
newInput.name="input1"; TemO.appendChild(newInput);var newline= document.createElement("br");
TemO.appendChild(newline);
}
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
相关文章推荐
- javascript实现的动态添加表单元素input,button等(appendChild)
- javascript实现的动态添加表单元素input,button等(appendChild)
- javascript实现的动态添加表单元素input,button等(appendChild)
- javascript实现的动态添加表单元素input,button等(appendChild)
- JavaScript实现动态添加Form表单元素的方法示例
- javascript动态添加form表单元素
- JavaScript 动态删除/添加HTML表单元素(可以浏览本地文件)
- ASP之处理用Javascript动态添加的表单元素数据的代码
- 关于JavaScript中使用appendChild和innerHTML动态添加一个元素的时间的比较
- FORM表单无法提交JavaScript动态添加的表单元素
- ASP之处理用Javascript动态添加的表单元素数据的代码
- JavaScript实现向OL列表内动态添加LI元素的方法
- Javascript实现动态菜单添加
- jquery 为表单动态添加元素
- javascript 动态创建元素appendChild,并加入删除操作removeChild
- ADF11g-019:ADF实现动态添加表单
- JavaScript实现动态添加,删除行
- 动态添加表单元素需要注意的一个问题
- javascript动态生成表格,并实现对表格行的添加和删除
- javascript将table的td变为可编辑的input,实现表格动态编辑