在开始之前,我想让您知道我对 Web 开发还很陌生。我还想保留这个 100% javascript,所以现在没有 jquery 或其他语言。
以下代码源自该视频:https://www.youtube.com/watch?v=esa5hJegRfI https://www.youtube.com/watch?v=esa5hJegRfI
我收到的错误如下:
未捕获的类型错误:无法读取 null 的属性“appendChild”
在drawBarChart (script.js:58)
在 script.js:66
这是 JavaScript:
var sampleData = [23,45,14,47,24,57,24,35];
function _div(id){
return document.getElementById(id);
}
function drawBarChart(dataset, idOfContainer){
var chartContainer = _div(idOfContainer)
if(typeof(dataset) != "object"){
return;
}
var heightOfContainer = chartContainer.scrollWidth;
var widthOfContainer = chartContainer.scrollHeight;
var widthOfBar = parseInt(widthOfContainer / dataset.length) - 2;
for(var i = 0; i < dataset.length; i++){
var divElement = document.createElement("div");
divElement.setAttribute("class", "div2");
divElement.style.marginLeft = parseInt(i * 2 + i * widthOfBar) + "px";
divElement.style.height = parseInt(dataset[i]) + "px";
divElement.style.width = parseInt(widthOfBar) + "px";
divElement.style.top = (heightOfContainer - parseInt(dataset[i]) - 1) + "px";
chartContainer.appendChild(divElement);
}
return false;
}
drawBarChart(sampleData, "div1");
console.log();
由于相同的错误,变量 heightOfContainer 和 widthOfContainer 不起作用:
未捕获的类型错误:无法读取 null 的属性“scrollWidth”
在drawBarChart (script.js:42)
在 script.js:66
or
未捕获的类型错误:无法读取 null 的属性“scrollHeight”
在drawBarChart (script.js:44)
在 script.js:66
最后一个appendChild函数似乎不起作用,我已经查看了与此类似的其他问题,但似乎找不到一个。
关联的 HTML 代码只是一个 div,但如果您想要它在这里,它是:
<div id="div1" ></div>
我知道这个错误是非常个人化的,不会影响其他人,但我已经向其他地方寻求帮助,但我找不到它为什么不起作用的原因。希望您能提供帮助并感谢您的宝贵时间。