使用Javascript Cookie设置样式

Question

我似乎能够检索cookie的值，但不会更改相应ID的样式。我错过了什么？

    function getCookie(name) {
        var cookieName = document.cookie;
        var prefix = name + "=";
        var begin = cookieName.indexOf("; " + prefix);
        if (begin == -1) {
            begin = cookieName.indexOf(prefix);
            if (begin != 0) return null;
        } else begin += 2;
        var end = cookieName.indexOf(";", begin);
        if (end == -1) end = cookieName.length;
        return unescape(cookieName.substring(begin + prefix.length, end));
    }
    var value = getCookie('nameCookie');
    document.getElementById(value).style.height = "10%";

以下代码也不起作用

    var value = getCookie('nameCookie');
    if (value == 'test') {
          document.getElementById('test').style.height = "10%";
    }

Answer 1

自seem to be able to retrieve the value of the cookie以来 问题是，当代码运行时，它找不到元素，因为DOM还没有准备好。加载元素后，确保脚本正在运行。

只需在关闭</body>之前放置脚本块。