使用Javascript和HTML5创建并保存新列表项_Javascript_Html_Html Lists_Local Storage

使用Javascript和HTML5创建并保存新列表项

javascript html

使用Javascript和HTML5创建并保存新列表项,javascript,html,html-lists,local-storage,Javascript,Html,Html Lists,Local Storage,我有以下代码 <!DOCTYPE html> <html> <head> <script type="text/javascript"> function addChildElements() { var newdiv=document.createElement("li"); var newtext=document.createTextNode("test"); newdiv.appendChild(newtext); documen

我有以下代码

 <!DOCTYPE html>

<html>

<head>

<script type="text/javascript">
function addChildElements()
{
var newdiv=document.createElement("li");
var newtext=document.createTextNode("test");
newdiv.appendChild(newtext); 
document.getElementById("scribble").appendChild(newdiv); 
}
</script>

<script>
  function storeUserScribble(id) {
    var scribble = document.getElementById('scribble').children;
    localStorage.setItem('userScribble',scribble);
  }

  function getUserScribble() {
    if ( localStorage.getItem('userScribble')) {
      var scribble = localStorage.getItem('userScribble');
    }
    else {
      var newdiv=document.createElement("li");
      var newtext=document.createTextNode("test");
      newdiv.appendChild(newtext); 
      document.getElementById("scribble").appendChild(newdiv); 
    }
    document.getElementById('scribble').children = scribble;
  }

  function clearLocal() {
    clear: localStorage.clear(); 
    return false;
  }
</script>

</head>

<body>

<ol id="scribble" contenteditable="false" onclick="storeUserScribble(this.id);">

</ol>

<input type="button" value="Add Child Element" onclick="addChildElements(); storeUserScribble(document.getElementById('scribble').id);"/>

</body>
</html>

或

但我的JS知识就到此为止了

非常感谢您的帮助

您所说的

在创建列表项时保存它们是什么意思？

？我刚刚在这里尝试了您的代码。它似乎在工作。它应该保存您添加到本地存储的列表项

var scribble = document.getElementById('scribble').children;

onclick="addChildElements(); storeUserScribble(document.getElementById('scribble').id);"