字符串化 HTML 按钮答案

【问题标题】：Stringify HTML button字符串化 HTML 按钮
【发布时间】：2020-09-05 00:16:22
【问题描述】：

我正在尝试对 HTML 元素进行字符串化，以便可以将其存储在 JSON 字典中。问题是元素有一个 onclick 事件，我也需要存储 onclick 事件。但是，当您通过 javascript 添加 onclick 事件时，它们不会出现在 html 中。如何字符串化一个 html 按钮

这是我的代码的外观（在基本意义上）

btn = document.getElementById("my-button")
obj = {elem: btn.innerHTML}
JSON.stringify(obj)
*** deleted btn ***

然后当我从 JSON 字符串重新加载 html 元素时，onclick 事件就消失了。

作为参考，我的完整网站是：turtle-pond.com 真正的问题：当您将事件添加到日历然后重新加载页面时，该事件会丢失其 onclick 属性

编辑：按钮在重新加载之前被删除。

【问题讨论】：

he onclick event is gone innerHTML 不包含标签属性（例如 onclick）-outerHTML 包含-但您需要进行一些其他代码重构

【解决方案1】：

btn = document.getElementById("my-button")
id = 'my-button'
obj = {elem: id}
str = JSON.stringify(obj)

当你需要这个 dom 时，

dom = document.getElementById(JSON.parse(str).elem)

【讨论】：