Web/JS:使用innerHTML动态加入html导致按钮失效

技术Web/JS:使用innerHTML动态加入html导致按钮失效 Web/JS:使用innerHTML动态加入html导致按钮失效前几天我在用innerHTML把html动态加入table的时候,发

Web/JS:使用innerhtml动态添加html导致按钮失败。

前几天,我在使用innerhtml动态添加html到表格中的时候,发现一加入,原来表格中的按钮就会坏掉。

前几天我用innerhtml动态添加html到表格中的时候,发现一加入,原来表格中的按钮就会被打破。经过一番研究,我发现是因为我们在做。

document . body . innerhtml=' XXX ';

时间实际上是:

document . body . innerHTMl=(document . body . innerHTMl ' XXX ');

销毁原元素后用' xxx '重建新元素,所以旧元素的处理程序也被重置(或丢失)!

可见:https://更好的编程

那么有什么更好的选择呢?

查找资料,发现大家都推荐了insertadjacentml的官方文档:insertadjacentml。

它的用法是

element.insertAdjacentHTML(位置,文本);

那么位置有四个位置可供选择:

!-在开始之前-

p

!-开始后-

富(中国姓氏)

!-在结束之前-

/p

!-结尾-

据说比innerHTML更高效,更安全。关键是他甚至可以选择一个位置,用了就回不去了('`?)

其他参考资料:

https://segmentfault.com/q/1010000003893601

https://stackoverflow.com/questions/5113105/operating-innerhtml-移除子元素的事件处理程序

其实这篇文章我已经写过一次了,打算在it状态下发表。结果他跳出了“新手训练期上限到了,没有文章可以发表!””,然后直接毁了我刚才玩了一个小时的东西(?_?)

我:我再也不会以it状态发送任何东西:)

简而言之,我重新打了一篇文章,但我没有力气在《内经》中表达我的爱,就这样吧(麻痹

为了发表这篇文章,我直接开了一个新的Blog,也要感谢它是我的动力(x。

内容来源网络,如有侵权,联系删除,本文地址:https://www.230890.com/zhan/128324.html

(0)

相关推荐

  • git_stats web代码图形统计工具怎么使用

    技术git_stats web代码图形统计工具怎么使用这篇文章主要讲解了“git_stats web代码图形统计工具怎么使用”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“

    攻略 2021年12月10日
  • Spring Boot中怎样使用Swagger2构建RESTful API文档

    技术Spring Boot中怎样使用Swagger2构建RESTful API文档这篇文章给大家介绍Spring Boot中怎样使用Swagger2构建RESTful API文档,内容非常详细,感兴趣的小伙伴们可以参考借

    攻略 2021年11月10日
  • go语言如何处理TCP拆包/粘包

    技术go语言如何处理TCP拆包/粘包这篇文章主要讲解了“go语言如何处理TCP拆包/粘包”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“go语言如何处理TCP拆包/粘包”吧

    攻略 2021年12月9日
  • Hive表字段Comment中文乱码怎么办

    技术Hive表字段Comment中文乱码怎么办这篇文章主要为大家展示了“Hive表字段Comment中文乱码怎么办”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“Hive表字段

    攻略 2021年12月10日
  • java如何使用java swing(swing 怎么启动一个后台线程)

    技术如何解析Swing线程的内容这篇文章将为大家详细讲解有关如何解析Swing线程的内容,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。一. 事件1.事件来源:本地系统,应

    攻略 2021年12月18日
  • 正三棱柱的性质,正三棱柱与直三棱柱有区别吗

    技术正三棱柱的性质,正三棱柱与直三棱柱有区别吗根据三棱柱的基本性质和分类,可知正三棱柱和直三棱柱的区别为底面不同正三棱柱的性质、侧面不同、范围不同,具体区别如下:1、棱柱的底面不同正三棱柱的底面是全等的正三角形,直三棱柱

    生活 2021年10月30日