原生js innerHTML追加元素的时候会在火狐和谷歌中会清空原始填写的值，解决方案

最新推荐文章于 2022-12-20 15:19:24 发布

moguol

最新推荐文章于 2022-12-20 15:19:24 发布

阅读量739

点赞数

分类专栏： javascript学习指南文章标签： js 数组 innerHTML

javascript学习指南专栏收录该内容

1 篇文章 0 订阅

订阅专栏

var vs = new Array(); //预存值对象
//获取 xx DIV 中的所有 INPUT 标签元素
var inputs = document.getElementById("xx").getElementsByTagName("input");
//遍历存储其 value
for (var i = 0; i < inputs.length; i++) {
　　vs[i] = inputs[i].value;
}
//执行添加
document.getElementById("xx").innerHTML += '<input type="text"/>';
//获取执行添加后的元素集合
inputs = document.getElementById("xx").getElementsByTagName("input");
//为其赋原先的值
for (var i = 0; i < vs.length; i++) {
　　inputs[i].value = vs[i];
}

转自：百度提问雨月蓝的回答