javascript - 从网页中恢复显示的 JSON 数据？

Question

我在 JSFiddle 上做了一个网页，可以显示一个简单的 JSON 字符串。我计划实现添加/编辑/删除键和值的方法，这就是右侧按钮的用途。在添加所有内容之前，当我单击“保存”时，如何从这个网页表示返回到具有相同格式的 JSON 字符串？

我是否需要特别标记每个元素，然后执行 forEach(element) 并提取文本值然后..？

JSFiddle上的 代码

<script>
var new_json = {"RegEx":{}}
var keys = document.getElementsByClassName("json_header")

for (key in keys){

  //Somehow extract key value that is displayed, add to new_json as a key.

  // for each key, need to add each value.
  for (value in values){?}
}

不知何故，我需要知道哪些值属于哪个键，这可能与父/子关联吗？在 JSFiddle 中，我将所有值作为子项附加到键值

HTML 和 Javascript 新手，欢迎提出任何其他建议。

谢谢！