Javascript Handsontable - 未捕获的TypeError:无法读取未定义的属性“insertBefore”

时间:2016-04-14 13:04:20

标签: javascript handsontable

我正在使用handontable库来创建整齐的表格 我真的复制了教程,但控制台(Web开发人员控制台)给了我以下错误:

Uncaught TypeError: Cannot read property 'insertBefore' of undefined            
handsontable.full.js:4471 

我在<head>标记中正确链接了.css和.js文件。

我的javascript看起来像这样:

var data = [
    ["", "Ford", "Volvo", "Toyota", "Honda"],
    ["2016", 10, 11, 12, 13],
    ["2017", 20, 11, 14, 13],
    ["2018", 30, 15, 12, 13]
];

var container = document.getElementById('temp');
var hot = new Handsontable(container, {
    data: data,
    rowHeaders: true,
    colHeaders: true,
    dropdownMenu: true
});

HTML:

<div id="temp"></div>

handsontable.full.js中的第4471行是

rootElement.insertBefore(this.container, rootElement.firstChild);

表格没有显示,控制台中的错误就是我所有的。

2 个答案:

答案 0 :(得分:4)

看起来像是你的

document.getElementById('temp');

返回undefined。

确保Handsontable构建时容器元素仍然存在。

答案 1 :(得分:0)

您的rootElement引用未定义。请检查此变量的定义位置以及分配的内容。