イベントエージェントを使用して複数のaラベルの作成とイベントのバインドを完了

744 ワード

イベントエージェントとクローズドパッケージの総合運用
シーンの使用(Use scene):複数の要素を作成し、同じタイプのイベントをバインドする必要があります.
コードは次のとおりです.




Test


let elem = document.getElementById('div1'); for (let i = 0; i < 10; i++) { (function(i) { let temp = document.createElement('a'); temp.innerHTML = i; elem.appendChild(temp); let temp2 = document.createElement('br'); elem.appendChild(temp2); })(i); } elem.addEventListener('click', function(e) { e.preventDefault(); if (e.target.nodeName === 'A') console.log(e.target.innerHTML); });