用innerHTML后，之前input输入的数据都没了，是网页刷新了吗，求解答

最新推荐文章于 2024-04-18 09:43:47 发布
VIP文章 最新推荐文章于 2024-04-18 09:43:47 发布
阅读量948 收藏
点赞数
文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/tainanle8/article/details/105793953
版权

用innerHTML后，之前input输入的数据都没了，是网页刷新了吗，求解答

我操作的步骤：
（1）、用document.InnerHTML+=""方法增加了input标签
（2）、然后在增加的input标签中输入数据
（3）、再使用（1）方法，这时（2）步骤中的数据会消失，然后才出现新增加的input
步骤（1）的图
步骤（2）的图
步骤（3）的图
在这里插入图片描述
在这里插入图片描述
不管有多少数据都会没

代码：

var text =
最低0.47元/天 解锁文章
tainanle8
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
关于innerHTML后丢失动态绑定的EVENT问题解决方法
01-19
用innerHTML取出一段内容后再innerHTML回去,那么原来动态绑定的事件就会丢失,如: html: 代码如下: <body><div id=’d1′>点击</div></body> script: 代码如下: document.getElementById(‘d1’).onclick=function(){alert(1)}; var html=document.body[removed]; document.body[removed]=html; 这段代码执行后点击d1是没有任何反应的。 解决方法： 把onclick绑定到父元素，利用冒泡原理，判断当前元素是否为d1,若
html innerhtml 绑定事件无效,js中innerHTML的动态绑定的事件丢失
weixin_32127359的博客
06-03 2872
js事innerHTML事件丢失老前端人以前很容易遇到这种问题。渲染服务器端的数据，包装成自己的HTML，使用innerHTML或者.html()，异步的把它渲染上去。这时候会发现子元素写的一些事件不生效。image案发现场例如我们想在body中追加一个div,仔细看下面这个代码，您就会发现我在说什么了。按钮var ob = document.getElementById('btn');//doc...
用innerHTML　＆符号副值给文本框后会变成＆amp;的方法
10-30
用innerHTML　＆符号副值给文本框后会变成＆amp;的方法
HTML中动态的增加和删除表格中的一行
热门推荐
H-rosy的博客
05-15 1万+
利用HTML，CSS和JavaScript三种技术完成表格页面级的操作，具体内容如下： （1）利用HTML编写网页： “编号”、“姓名”、“性别”三个文本框，“添加”按钮，一个“学生信息表”表格； （2）利用CSS设置表格的样式：实线边框，文本居中； （3）运用JavaScript DOM技术实现表格增加和删除记录。 页面效果如下： 图1 初始界面 图2添加记录 图3删除记录 <!DOCTYPE html> <html l...
BootStrapTable新增一行数据原有数据消失
菜鸟记录
04-05 3759
#使用BootStrapTable时遇到的问题# 1.新增数据一行表格的数据后,原有的数据内容会被清除 2.想要实现这样的功能 点击删除按钮,原有的数据从页面中删除,把删除的数据的id提交到后端,进行逻辑删除 新增的数据如果想要删除的话,直接点击取消按钮,会根据index来取消该行 遇到的难点 1.mysql在查询的时候如何添加数据的行号 SELECT @i := @i + 1 AS i...
innerHtml追加元素时input值被清空
做一件事之前就要做好最坏的打算
09-01 402
场景：动态追加元素时，已填写的input内容被清空。
使用Jquery实现将输入数据添加至表格中，通过点击Delete可删除所在行数据。
scscdstfxqxxzqqc的博客
03-31 3553
使用Jquery实现将输入数据添加至表格中，通过点击Delete可删除所在行数据。 代码： <!DOCTYPE html> <html> <head> <title>选择框</title> <script src="../js/jquery.min.js" type="text/javascript"></script> <script type="text/javascript">
jquery 解决火狐innerHTML添加新内容时原来input的值丢失问题
luoyahu
06-09 375
document.getElementById("adddiv").innerHTML += content; 源来代码是这样写的。因为是动态添加表格有输入的。所在原新输入的就会丢失。 火狐只支持标准的dom操作。 现在解决办法速度最快的是使用jquery来解决这个问题。 加入jquery支持。把代码改成 $('#adddiv').append(content); 只需要改一句就好了。...
javascript innerHTML使用分析
01-19
innerHTML属性 IE还是两个a加一个空格， Chrome则是原始输入的样子。 回车 当在DIV中输入”a[回车][任意个空格]a”时，HTML呈现Chrome和IE是一样的。 innerHTML属性 IE是3个字符，在两个a中间加了个空格。 Chrome则...
用原生 JS 实现 innerHTML 功能实例详解
10-17
主要介绍了用原生 JS 实现 innerHTML 功能,非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下
表格,点击添加,将表单中的数据添加进入表格最后一行 表格最后一列增加删除按钮,点击按钮,删除当前行
weixin_41086056的博客
03-04 3013
&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Title&lt;/title&gt; &lt;style&gt; table {
html的表格中暂无数据,ElementUI行内条件以及添加“暂无数据”提示
weixin_39716800的博客
06-09 1009
一、添加表格内条件header-cell-class-name="column-css" border stripe height = "552">@change="changMethod" @clear="searchClick"v-if="scope.$index === 0" v-model="filters.signalType">:label="item.label" :v...
HTML5的完整学习笔记
2301_80073794的博客
12-21 1639
-有序列表--> < ol > < li > C/C++ </ li > < li > Python </ li > < li > Go </ li > < li > Java </ li > </ ol > < hr /> <!--无序列表--> < ul > < li > C/C++ </ li > < li > Python </ li > < li > Go </ li > < li > Java </ li > </ ul > < hr /> <!--自定义列表dl 标签dt 列表名称。
document.getElementById('').innerHTML方法丢失form中输入框的值
weixin_42610671的博客
02-15 369
如果您使用document.getElementById('').innerHTML方法去获取表单中的HTML元素，它可能会丢失输入框中的值。这是因为innerHTML方法返回的是该元素的HTML标记，而不是该元素的值。因此，如果您需要获取输入框中的值，建议使用value属性来代替innerHTML方法。例如，您可以使用document.getElementById('').value方法来获取输...
document InnerHTML input后 之前Input输入的数据都消失了
米枔的博客
03-19 707
使用jq . $().append(htmlStr)就可以避免这个问题
Storage 工具如何封装(前缀、加密、过期时间等)及localStorage的基础介绍
最新发布
qq_43641110的博客
04-18 562
​​​​​​​。
没有input输入数据吗
06-13
非常抱歉，我漏掉了输入数据的部分。在实现动态添加地址的过程中，当用户在输入框中输入地址信息时，我们需要将这些信息保存到地址元素中。以下是一个更新后的示例代码： ```html 姓名： <input id="name" type=...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值