js动态获取表单元素
来源:互联网 发布:宫崎骏夏天知乎 编辑:程序博客网 时间:2024/04/28 20:17
代码如下,我添加一行以后,页面上能够显示添加出来的输入框,
1 js第6行使用的是"克隆节点"函数,克隆后的节点里边并没有html,需要第9行的代码去填充内容
2 使用克隆功能,因为该方法生成的变量类型是"节点类型", 才可以用到appendChild()函数里做参数
<div class="well well-sm"> <div class="form-group"> <label class="form-label">用户名:</label> <input type="text" placeholder="按照我的样子添加啊" name="jietu[]" class="form-input"><button onclick="add_jietu()">点击添加输入框</button> </div> <div class="form-group" id="add_jietu"> <label class="form-label">用户名:</label> <input type="text" name="jietu[]" class="form-input"><br><br> </div></div>
<pre name="code" class="javascript"><script type="text/javascript">function add_jietu(){ var add_jietu = document.getElementById('add_jietu'); var nodeFather = add_jietu.parentNode; var node_clone = add_jietu.cloneNode(); content = add_jietu.innerHTML; node_clone.removeAttribute('id'); node_clone.innerHTML = content; nodeFather.appendChild(node_clone);}</script>
0 0
- js动态获取表单元素
- JS 动态创建表单元素
- js动态创建html表单元素
- js动态添加表单form元素
- firefox下JS动态创建的form表单元素获取不到值的问题
- JS获取表单元素的value
- 获取动态生成的js元素
- 表单元素值获取方式js及java方式
- JS获取表单所有元素(键值对方式)
- 使用JS获取表单元素里面的内容
- 动态增加表单元素
- 动态添加表单元素
- 动态创建表单元素
- jresey获取表单元素
- request获取表单元素
- JS原生方式动态获取表单的值
- 关于js动态添加的表单元素,提交表单后接收不到的问题
- form表单 无法提交js动态添加的表单元素遇到的坑
- 网络数据请求实践一:android-async-http实现下载和上传
- Java之WeakReference与SoftReference使用讲解
- 插入排序
- 在Docker容器中实现安全与隔离
- Android.mk语法规范 .
- js动态获取表单元素
- iOS面试题 网络请求(一)
- iOS面试题 网络请求(一)
- over(partition by ...order by ...)
- HTML5网页定位,并将位置绘在百度地图上
- 冒泡排序
- Java中的static关键字
- HttpClient4.3 使用经验(一) 简单使用
- javaweb学习总结(二十八)——JSTL标签库之核心标签