HTML5中的数据储存利用sessionStorage

<!DOCTYPE html>

Title

<script src="../canvas绘制圆形/jquery-1.2.6.min.js"></script>

<script type="text/javascript">
    function  saveStorage(id) {
        alert(123);
        var target=document.getElementById(id);
        var str=target.value;
        sesstionStorage.setArray("mess","str");
    }
</script>

Web Stroage数据存储

当在输入框里输入数据并点击保存时出现Uncaught TypeError: Cannot read property 'value' of null怎么解决这个问题

input是对象id，你直接传对象进函数里面了，在document.getElementById会调用对象默认toString方法，得到的不是对象的id了，要传入字符串

sessionStorage也拼写错了，而且没有setArray方法，只有setItem

 <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <script src="../canvas绘制圆形/jquery-1.2.6.min.js"></script>

    <script type="text/javascript">
        function saveStorage(id) {
            var target = document.getElementById(id);
            var str = target.value;
            sessionStorage.setItem("msg", str);
            ///sesstionStorage.setArray("mess", "str");
        }
        function loadStorage(key) { alert(sessionStorage.getItem(key))}
    </script>
</head>
<body>
    <h1>Web Stroage数据存储</h1>
    <input type="text" id="input">
    <input type="button" value="保存" onclick="saveStorage('input');">
    <input type="button" value="读取" onclick="loadStorage('msg')">

</body>
</html>