Javascript 按类获取元素不起作用

嗨，我有getelementbyid，我想在课堂上更改它，但不工作。你能帮我吗？ 如果可能，我想将storageKey和storageData更改为getelementbyclass

Javascript代码

    function addStorage() {
            var key = document.getElementById('storageKey');
            var data = document.getElementById('storageData');

            //localStorage setItem
            if ("localStorage" in window) {
                localStorage.setItem(key.value, data.value);
                location.reload();
            } else {
                alert("no localStorage in window");
            }

            //sessionStorage setItem
            if ("sessionStorage" in window) {
                sessionStorage.setItem(key.value, data.value);
                location.reload();
            } else {
                alert("no sessionStorage in window");
            }
        }

        function removeStorage() {
            var key = document.getElementById('removeKey');

            //localStorage removeItem
            if ("localStorage" in window) {
                if (localStorage.length > 0) {
                    localStorage.removeItem(key.value);
                    location.reload();
                }
            } else {
                alert("no localStorage in window");
            }

            //sessionStorage removeItem
            if ("sessionStorage" in window) {
                if (sessionStorage.length > 0) {
                    sessionStorage.removeItem(key.value);
                    location.reload();
                }
            } else {
                alert("no sessionStorage in window");
            }
        }

        function clearStorage() {
            //localStorage clear
            if ("localStorage" in window) {
                if (localStorage.length > 0) {
                    localStorage.clear();
                    location.reload();
                }
            } else {
                alert("no localStorage in window");
            }

            //sessionStorage clear
            if ("sessionStorage" in window) {
                if (sessionStorage.length > 0) {
                    sessionStorage.clear();
                    location.reload();
                }
            } else {
                alert("no sessionStorage in window");
            }
        }

        window.onload = function () {
            var localhtml = "";
            var sessionhtml = "";

            //localStorage key and getItem
            for (var i = 0; i < localStorage.length; i++) {
                localhtml += "<li>" + localStorage.key(i) + " : " + localStorage.getItem(localStorage.key(i)) + "</li>";
            }
            document.getElementById('localStorageData').innerHTML = localhtml;

            //sessionStorage key and getItem
            for (var j = 0; j < sessionStorage.length; j++) {
                sessionhtml += "<li>" + sessionStorage.key(j) + " : " + sessionStorage.getItem(sessionStorage.key(j)) + 

"</li>";
            }
            document.getElementById('sessionStorageData').innerHTML = sessionhtml;
        }

函数addStorage（）{
var key=document.getElementById（'storageKey'）；
var data=document.getElementById（'storageData'）；
//本地存储设置项
如果（窗口中的“本地存储”）{
setItem（key.value、data.value）；
location.reload（）；
}否则{
警报（“窗口中没有本地存储”）；
}
//会话存储设置项
如果（“会话存储”在窗口中）{
sessionStorage.setItem（key.value、data.value）；
location.reload（）；
}否则{
警报（“窗口中无会话存储”）；
}
}
函数removeStorage（）{
var key=document.getElementById（'removeKey'）；
//本地存储删除项
如果（窗口中的“本地存储”）{
如果（localStorage.length>0）{
localStorage.removietem（key.value）；
location.reload（）；
}
}否则{
警报（“窗口中没有本地存储”）；
}
//会话存储删除项
如果（“会话存储”在窗口中）{
如果（sessionStorage.length>0）{
sessionStorage.removietem（key.value）；
location.reload（）；
}
}否则{
警报（“窗口中无会话存储”）；
}
}
函数clearStorage（）{
//本地存储清除
如果（窗口中的“本地存储”）{
如果（localStorage.length>0）{
localStorage.clear（）；
location.reload（）；
}
}否则{
警报（“窗口中没有本地存储”）；
}
//会话存储已清除
如果（“会话存储”在窗口中）{
如果（sessionStorage.length>0）{
sessionStorage.clear（）；
location.reload（）；
}
}否则{
警报（“窗口中无会话存储”）；
}
}
window.onload=函数（）{
var localhtml=“”；
var sessionhtml=“”；
//localStorage键和getItem
for（var i=0；i”+localStorage.key（i）+：“+localStorage.getItem（localStorage.key（i））+””；
}
document.getElementById（'localStorageData'）。innerHTML=localhtml；
//会话存储键和getItem
对于（var j=0；j”+sessionStorage.key（j）+：“+sessionStorage.getItem（sessionStorage.key（j））+
“”；
}
document.getElementById（'sessionStorage Data'）。innerHTML=sessionhtml；
}

这是html代码

    Storage key :
<input type="text" id="storageKey"  style="width: 50px"  >
value :
<input type="text" id="storageData" style="width: 50px" >

存储密钥：
价值：

我相信你是想用

document.getElementsByClassName

来代替-试试看。

请记住

Java！=JavaScript

可能重复：