js インデックスの添字 li コレクション バインディング クリック イベントの例の共有について

この記事では、サンプル コードを使用して、クリック イベントを js インデックス添字の li コレクションにバインドするための関連知識を説明します。このコードはシンプルで理解しやすく、必要とする友人にとっては参考になります。皆さんの参考になれば幸いです。

次のコードは、クリック イベントを li コレクションにバインドする方法を紹介します。具体的なコードは次のとおりです。

//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(&#39;li&#39;);
　　for(var i = 0; i<items.length; i++){
　　　　(function(index){
　　　　　　items[i].onclick = function(){
　　　　　　this.innerHTML = index;
　　　　}
　　})(i)
}
//Method-3:
var items = document.getElementsByTagName(&#39;li&#39;);
for(var i = 0; i<items.length; i++){
　　items[i].onclick = function(index){
　　　　return function(){
　　　　　　this.innerHTML = index;
　　　　}
　　}(i)
}

関連する推奨事項:

単一イベントの共有の単純なバインディング

Example jQueryの説明 html双方向バインディング関数の実装

JavaScript関数バインディングの使い方を説明する例

以上がjs インデックスの添字 li コレクション バインディング クリック イベントの例の共有についての詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。