Javascript 无法读取属性'；风格'；未定义在/script.js:13:15的

为什么它不计算样式并编写错误，我如何修复它？他似乎正确地指出了所有路径、连接的样式和脚本，但他要么根本不读取它们（样式），要么显示这样的错误。下面是html、javascript、css的代码。 如何修复此错误？一般来说不是吗

html:

css:

---

HTML是从上到下读取的，因此在呈现页面的其余部分之前调用脚本

cookiewin = document.getElementsByClassName('cookie_notice')[0];

---

这行代码正在访问尚未加载的元素，导致

未定义。要解决此问题，只需将脚本标记放在结束正文标记的正前方。
HTML从上到下读取，因此在呈现页面其余部分之前调用脚本

cookiewin = document.getElementsByClassName('cookie_notice')[0];

这行代码正在访问尚未加载的元素，导致
未定义。要解决此问题，只需将脚本标记放在结束正文标记的正前方。
为什么不尝试将标记放在底部。
像这样：



这个网站使用cookies
为什么不试着在底部做个标记呢。
像这样：



这个网站使用cookies
将该JS粘贴到此处（此处显示放置位置）
window.onload=function（）{put here}获取JS并将其粘贴到此处（此处表示放置）
window.onload=function（）{put here}
.cookie_notice {
    display: none;
    position: fixed;
    z-index: 9999999;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 15px;
    font-family: Verdana, sans-serif;  
    color: #FFF;
    background: #337AB7;
    padding: 10px 20px; 
    border-top: 4px solid #BFE2FF;
}
.cookie_btn {
    display: inline-block;
    margin: 10px 6px 4px 6px;
    text-decoration: none;
    position: relative;
    font-size: 13px;
    padding: 4px 12px;
    color: #FFF;
    font-weight: bold;
    text-transform: uppercase; 
    background: #337AB7;
    border: 2px solid #BFE2FF;
}
.cookie_btn:hover {
    color: #FFF;
}
.cookie_btn:after,
.cookie_btn:before {
    position: absolute;
    height: 2px;
    left: 50%;
    background: #FFF;
    bottom: -6px;
    content: "";
    transition: all 280ms ease-in-out;
    width: 0;
}
.cookie_btn:before {
    top: -6px;
}
.cookie_btn:hover:after,
.cookie_btn:hover:before {
    width: 100%;
    left: 0;
}

cookiewin = document.getElementsByClassName('cookie_notice')[0];