javascript - 未捕获的类型错误：无法读取 null 的属性“子项”

Question

我对 Javascript 很陌生。我有一个错误：

未捕获的类型错误：无法读取 null fiddle.jshell.net:1163 的属性“孩子”（匿名函数）

如何修复错误？

在下面提供我的小提琴：

http://jsfiddle.net/N3GTy/29/embedded/result/

var slider = new Swipe(document.getElementById('slider'), {
    callback: function(e, pos) {

        var i = bullets.length;
        while (i--) {
            bullets[i].className = ' ';
        }
        bullets[pos].className = 'on';

    }
}),

bullets = document.getElementById('position').getElementsByTagName('em'),

// tabs
tabs = new Swipe(document.getElementById('tabs'), {
    callback: function(event, index, elem) {
        setTab(selectors[index]);
    }
}),

selectors = document.getElementById('tabSelector').children;
Uncaught TypeError: Cannot read property 'children' of null

for (var i = 0; i < selectors.length; i++) {
    var elem = selectors[i];
    elem.setAttribute('data-tab', i);
    elem.onclick = function(e) {
        e.preventDefault();
        setTab(this);
        tabs.slide(parseInt(this.getAttribute('data-tab'), 10), 300);
    }
}

Answer 1

没有 ID 为“tabSelector”的元素。因此，document.getElementById('tabSelector') 返回 null。我使用 chrome 的调试器对此进行了测试，方法是：

http://fiddle.jshell.net/N3GTy/29/show/light/

并从 chrome 调试器控制台运行两个命令：

document.getElementById('slider'); 如您所料，返回一个 domNode。

document.getElementById('tabSelector'); 返回 null，因为它不存在。

然后调用 null.children 会导致您的错误。