Question

我有以下代码。

 <!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>

这意味着在列表项创建时保存它们，但我完全不知所措。此代码不起作用。我知道这可能与某些事情有关：

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

或

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

但这就是我的JS知识停止的地方。

非常感谢任何帮助。

使用Javascript和HTML 5创建和保存新的列表项

0 个答案: