本地存储，用于存储将图像作为子项的无序列表项

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

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);