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; 

に動作します。助けてください。 charAtが機能あると0性質を持っていないため

Answer 1

"foo".charAt['0']はundefinedです。

[]（オブジェクトのプロパティにアクセスする）ではなく、()（関数を呼び出す）が必要です。

Answer 2

charAtを関数として配列として使用しています。

​​

がhttps://jsfiddle.net/

よろしく、