document.getElementById由于未知原因返回null

该代码用于滑块切换图像。当我运行的页面我得到这个错误：document.getElementById由于未知原因返回null

Cannot set property 'onclick' of null.

HTML：

<!DOCTYPE html> 
    <html lang="en"> 
    <head> 
<meta charset="UTF-8"> 
<title>Image Slider</title> 
<link rel="stylesheet" type="text/css" href="sliderswag.css"> 
<script language="javascript" type="text/javascript" src="imgslidescript.js"></script> 
</head> 
<body> 
<div id="box"> 
    <img id="main" src="http://lmetar.com/oscar1.jpg"> 
    <img id="left" src="http://lmetar.com/left.png"> 
    <img id="right" src="http://lmetar.com/right.png"> 
</div>

的JavaScript：

document.getElementById('left').onclick = slideChange; 
document.getElementById('right').onclick = slideChange; 
var slideNumber = 0; 
function slideChange() 
{ 
    slideNumber += 1; 
    if (slideNumber > 3) 
    { 
     slideNumber = 1; 
    } 
    else 
    { 
     document.getElementById('main').src = 'http://lmetar.com/oscar' + slideNumber + '.jpg'; 
    } 
}

来源

2015-12-01 dmaster

这可能意味着您的JS正在DOM加载之前执行。将代码包装在DOM加载的回调中，或者将'

您的JavaScript正在载入内容之前，因此它正在尝试查找不存在的元素。你有两个选择：

将您<script>标签到您的网页
使用的结束下面要等到你执行你的脚本之前已加载网页

代码：

document.addEventListener("DOMContentLoaded", function(event) { 
    // Your Code Here 
});

来源

2015-12-01 20:44:44 Druzion

document.getElementById由于未知原因返回null

相关问题