Javascript onclick事件不能與變量引用

Question

我正在閱讀一些代碼，並試圖在我的結尾一步一步地複製相同的代碼。

我附加一個事件到一個特定的按鈕，並點擊它應該記錄一個聲明。

下面是不起作用的代碼： -

(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']是undefined因爲charAt是功能並沒有0財產。

您需要()（調用該函數），而不是[]（以訪問該對象的屬性）。

Answer 2

你正在使用charAt作爲數組，而它是一個函數。

​​

見它的工作https://jsfiddle.net/

問候，