10000个怎么用js写 创建li_JavaScript给每一个li节点绑定点击事件的实现方法

1.单击事件

javascript 事件

• aaaa
• aaaa111
• aaaa222
• aaaa3333
• aaaa444

//获取所有li的节点

var list = document.getElementsByTagName("li");

//给每个li绑定事件

for(var i = 0;i

list[i].onclick = function(){

//弹出对应的li节点里面的内容

alert(this.innerHTML);

//将节点的颜色变成红色

this.style.color = "red";

}

}

2.双击事件

javascript 事件

• aaaa
• aaaa111
• aaaa222
• aaaa3333
• aaaa444

//获取所有li的节点

var list = document.getElementsByTagName("li");

//给每个li绑定事件

for(var i = 0;i

list[i].ondblclick = function(){

//弹出对应的li节点里面的内容

alert(this.innerHTML);

this.style.color = "red";

}

}

PS：下面看下js循环给li绑定参数不同的点击事件

1234

var li=document.getElementsByTagName_r("li");

for(var i=0;i

(function(x){

li[x].οnclick=function(){alert(x);}

})(i);

}

每个li弹出来的值都是不同的哦

以上所述是小编给大家介绍的JavaScript给每一个li节点绑定点击事件，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！