在不取回以前创建的元素的情况下将新创建的Li添加到本地存储,可以通过以下步骤实现:
var newLi = document.createElement('li');
newLi.textContent = '新创建的Li';
var parentElement = document.getElementById('parent');
parentElement.appendChild(newLi);
localStorage.setItem('newLi', newLi.outerHTML);
var savedLi = localStorage.getItem('newLi');
parentElement.innerHTML = savedLi;
需要注意的是,本地存储的数据是以字符串的形式保存的,所以在获取之前保存的Li元素时,需要使用outerHTML属性将其转换为字符串形式。
这样,就可以在不取回以前创建的元素的情况下,将新创建的Li添加到本地存储并重新加载到DOM中。
领取专属 10元无门槛券
手把手带您无忧上云