时间戳

首页 > 解决方案 > 我可以将克隆的元素保存到 localStorage 吗？

javascript - 我可以将克隆的元素保存到 localStorage 吗？

问题描述

我目前正在尝试将克隆的元素保存到 localStorage，以便我可以将其附加到它的后面。不幸的是，当我附加它时出现错误：

未捕获的类型错误：无法读取未定义的属性“ownerDocument”

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="wrapper">
  <div id="elem"></div>
</div>

jQuery(document).ready(function($) {
  let storageArr = [];

  storageArr.push({
    elem: $("#elem").clone()
  });

  localStorage.setItem("customStorageKey", JSON.stringify(storageArr));

  let storage = localStorage.getItem("customStorageKey"),
    parsedStorage = JSON.parse(storage);

  $(parsedStorage).each(function(index, elem) {
    $("#wrapper").append(elem["elem"]);
  });
});

#elem {
  width: 20px;
  height: 20px;
  background: red;
  padding: 20px;
}

那么是否可以将克隆的 HTML 元素保存到 localStorage？

标签： javascriptjqueryhtml

解决方案

推荐阅读