Javascript onclick 事件不适用于变量引用

Question

我正在阅读一些代码，并尝试在最后一步一步地复制相同的代码。

我将一个事件附加到特定按钮，并且 onclick 它应该记录一条语句。

以下是不起作用的代码:-

(function(){

var el = function(element){
    if(element.charAt['0'] === '#'){
        return document.querySelector(element);
    }
    return document.querySelectorAll(element);
}

var viewer = el('#viewer');
var clear = el('#clear');

console.log(clear);

 var clearAll = function(){
    console.log('Clearing');
 };

//click event
clear.onclick = clearAll;

})();

上面的函数是用来获取元素的。

下面的代码有效

document.getElementById('clear').onclick = clearAll;

或

document.querySelector('#clear').onclick = clearAll;

我不明白为什么上面的代码不起作用。请帮忙。

Answer 1

"foo".charAt['0'] 是 未定义，因为 charAt 是一个函数并且不没有 0 属性。

您需要 () (调用函数)，而不是 [] (访问对象的属性)。