1

次のコードがあります。

 <!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の知識が止まるところです。

どんな助けでも大歓迎です。

4

0 に答える 0