ホームページ  >  記事  >  ウェブフロントエンド  >  JSループliはクリックイベントを追加します(クロージャの適用)

JSループliはクリックイベントを追加します(クロージャの適用)

高洛峰
高洛峰オリジナル
2017-01-20 11:51:121381ブラウズ

これ以上ナンセンスではありません。具体的なコードは次のとおりです。

var aLi = document.querySelectorAll('.article-tab li');
 for (var i = 0; i <= aLi.length; i++) {  
 (function(){  
  var p = i  
  aLi[i].onclick = function() {  
   alert(p);  
  }
 })();
}

上記は、クリック イベント (クロージャーの適用) を追加するためにエディターが紹介した JS ループ li です。ご質問があれば、メッセージを残してください。編集者がすぐに返信します。

クリック イベント (クロージャーの適用) を追加する JS ループの詳細については、PHP 中国語 Web サイトに注目してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。