nullはオブジェクトではなく、ドロップダウンです

Question

クラスddownのすべての要素にコードを入力して、実際のドロップダウンにslactiveクラスのイベントを渡します。しかし、コンソールはdocument.getElementById('sl'+(n+1))がヌルでオブジェクトではないと言っています。しかし、私がイベント内の関数内でnを使用しないと、これは正常に動作しますが、最初の要素に対してのみ機能します。要素は、sl1、sl2、sl3、...のように名付けられます。

ddown = document.getElementsByClassName('ddown'); 
for(var n=0; n<ddown.length; n++) { 
    ddown[n].addEventListener('mousedown', function(){document.getElementById('sl'+(n+1)).classList.add('slactive');}); 
    console.log('sl'+(n+1)); 
} 

P.S. console.logは正しいコードを与え、私は問題がnの範囲にあると思う。

Answer 1

リスナーを追加する前に、nの値を固定する必要があります。

あなたが気づくかもしれません

(function (n){ ddown[n].addEventListener('mousedown', function(){document.getElementById('sl'+(n+1)).classList.add('slactive');});)(n)