js でクリック イベントをバインドする方法 (詳細なチュートリアル)

この記事では、サンプル コードを使用して、クリック イベントを 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(&#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)
}

上記は私があなたのためにコンパイルしたものです。これからのあなたへ。

関連記事:

Node.jsのサブプロセスのアプリケーションシナリオとは何ですか?

nodeJsのファイルシステムとフローの詳細な解釈

Javascriptのデバッグコマンドとは何ですか?

node.jsでhttpモジュールを使用する方法

jsを使用してWeChatでアプリを呼び出すにはどうすればよいですか?

cli を使用して vue で複数ページのスキャフォールディングを再構築する方法

JS でドラッグしてオブジェクトのサイズを変更する方法

以上がjs でクリック イベントをバインドする方法 (詳細なチュートリアル)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。