この記事では、サンプル コードを使用して、クリック イベントを js インデックス添字の li コレクションにバインドするための関連知識を説明します。このコードはシンプルで理解しやすく、必要とする友人にとっては参考になります。参考にしてください
クリックイベントをliコレクションにバインドする方法をEveryoneに紹介するコードです:
//Method-1: var items = document.getElementsByTagName('li'); for(var i=0;i<items.length;i++){ items[i].index = i; items[i].onclick = function(){ this.innerHTML = this.index; } } //Method-2: var items = document.getElementsByTagName('li'); for(var i = 0; i<items.length; i++){ (function(index){ items[i].onclick = function(){ this.innerHTML = index; } })(i) } //Method-3: var items = document.getElementsByTagName('li'); for(var i = 0; i<items.length; i++){ items[i].onclick = function(index){ return function(){ this.innerHTML = index; } }(i) }
上記は私があなたのためにコンパイルしたものです。これからのあなたへ。
関連記事:
Node.jsのサブプロセスのアプリケーションシナリオとは何ですか?
jsを使用してWeChatでアプリを呼び出すにはどうすればよいですか?
cli を使用して vue で複数ページのスキャフォールディングを再構築する方法
以上がjs でクリック イベントをバインドする方法 (詳細なチュートリアル)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。