2 回答
TA贡献1891条经验 获得超3个赞
Uncaught TypeError: Cannot set property 'innerHTML' of null at index.html:15"。这意味着它没有找到您要获取的元素。console.log( document.getElementById('sample'));
用于检查输出...如果确实找不到该元素,然后仔细检查你的 html id。我看到的一个可能的错误是你有 2 个相同的 id。“背景”不应该发生
TA贡献1836条经验 获得超13个赞
这是因为这部分:
if (jump_count < 20){
//This willchange the background to be 'field.png'
document.getElementById('background').innerHTML = "html{background-color:black;animation:day_cycle 180s linear infinite;}.background{background:url('test.png') repeat-x;height:100%;width:3050px;animation:slide 3s linear infinite;}@keyframes slide{0%{transform:translate3d(0, 0, 0);}100%{transform:translate3d(-1600px, 0, 0);}}@keyframes day_cycle{0% {background-color:#0063fd;}15% {background-color:orange;}30% {background-color:red;}45% {background-color:#4B0082;}60% {background-color:red;}75% {background-color:orange;}100% {background-color:#0062fd;}}";
} else if (jump_count > 20 && jump_count < 40){
document.getElementById('background').innerHTML = "html{background-color:black;animation:day_cycle 180s linear infinite;}.background{background:url('field.png') repeat-x;height:100%;width:3050px;animation:slide 3s linear infinite;}@keyframes slide{0%{transform:translate3d(0, 0, 0);}100%{transform:translate3d(-1600px, 0, 0);}}@keyframes day_cycle{0% {background-color:#0063fd;}15% {background-color:orange;}30% {background-color:red;}45% {background-color:#4B0082;}60% {background-color:red;}75% {background-color:orange;}100% {background-color:#0062fd;}}";
} else {
//Nothing happens
}
脚本的那部分没有包含在函数中,因此它会立即执行。由于脚本标签位于头部内部,因此它无需等待页面准备好即可执行。所以该background元素还不存在。
您可以将该部分放在页面ready事件的处理程序中,但最简单的做法是将整个script标签移动到正文的末尾。
添加回答
举报