<input type="button" value="kkk" id="btn"/>
<div id="dv"></div>
<script>
function mm(id){
return document.getElementById(id)
}
var gongfu=["222","2223333","44444,","5555","6666","88888","9999","000"];
//动态创建列表加入div里
mm("btn").onclick=function(){
//创建ul
var ulobj= document.createElement("ul");
mm("dv").appendChild(ulobj);//ul添加到div里
//创建li加入到ul中
for (var i = 0; i < gongfu.length; i++) {
var liobj=document.createElement("li");
//设置li文字内容
liobj.innerHTML=gongfu[i];
ulobj.appendChild(liobj);
//gongfu[i]
//鼠标点击事件
liobj.onmousemove=mouseroverHandle;
liobj.onmouseout=onmouseoutHandle;
}
}
//如果循环添加事件使用命名函数
function mouseroverHandle(){
this.style.backgroundColor="red";
}
function onmouseoutHandle(){
this.style.backgroundColor="";
}
</script>
</body>
js自动创建列表
最新推荐文章于 2023-03-31 08:28:49 发布