复制input 包含手动输入的值

分类:Javascript| 发布:camnprbubuol| 查看: | 发表时间:2013/7/8

问题: 

我想复制form表单中的所有input/textarea,包括用户手动输入的值,然后添加到另外一个容器中?

第一考虑到:innerHTML

 

分析1:

input.value 的值变化,value.innerHTML 并不会同步

 

分析2:

你可可以在chrome调试器看下,你对一个Input设置了value,DOM查看器并无变化

 

分析3:

你输入的内容 不属于dom吧

 

分析4:

取值赋值吧

 

input.onblur = function(){

    input.setAttribute()

}

 

解决方案:

document.getElementById('PurchaseResNewFangAnList').appendChild(document.getElementById

 

('PurchaseResFangAnList').getElementsByTagName('table')[0].cloneNode(true));

 

cloneNode(true);//表示深度复制。返回的是dom元素。因此要用appendChild添加到。

扩展阅读:

DOM操作——怎样添加、移除、移动、复制、创建和查找节点

 

真实写照:

 

上联:为系统而生,为框架而死,为bug奋斗一辈子! 

下联:吃符号的亏,上大小写的当,最后死在需求上!

横批:web前端开发

365据说看到好文章不转的人,服务器容易宕机
原创文章如转载,请注明:转载自郑州网建-前端开发 http://camnpr.com/
本文链接:http://camnpr.com/javascript/use-clonenode-copy-input-contains-manually-input-values.html