Javascript 本地存储器，用于存储具有作为子级的图像的无序列表项

我正在使用html5和JavaScript编写一个简单的购物清单应用程序。它将用户输入添加为列表项，并将两个图像（完成、删除）添加为li的子项。只是想知道如何在localstorage中存储和检索。我知道localstorage只能存储字符串，我们可以四处存储对象和数组。不知道如何将列表项转换为对象或数组，以便轻松存储和检索

var li = document.createElement('li');
 var imgDone =            document.createElement('img');
var imgRemove = document.createElement('img');
 imgDone.setAttribute('src', 'imgDone ');
 ImgRemove.setAttribute('src', imgRemove');
  li.appendChild('imgDone');
  li.appendChild('imgRemove');
  ul.appendChild(li);

---

使用

JSON.stringify

存储数组或对象

---

然后使用

JSON.parse

检索它们，我应该执行var obj=JSON.Stringify（li）吗；