如何给li动态绑定事件

第一种: 采用自调用函数的方式,及闭包的方式。

var ulInLis = document. getElementById( "ul"). getElementsByTagName( "li");
for ( var i = 0; i < ulInLis. length; i++) {
( function() {
var l = i;
ulInLis[ l]. onclick = function() {
console. log( l);
console. log( ulInLis[ l]);
}
})();
}

第二种: 采用this指向的方式。

var ulInLis = document. getElementById( "ul"). getElementsByTagName( "li");
for ( var i = 0; i < ulInLis. length; i++) {
ulInLis[ i]. onclick = function() {
console. log( this);
}
}
都是采用原生的方式来进行绑定的。

你可能感兴趣的:(如何给li动态绑定事件)