js li上添加html,js动态添加li onclick事件

首先要把ul添加到div里面，之后才将li添加到ul中，最后才是添加li的事件函数，div的ID为MyMenu。

一、动态添加li代码

for(var m=1;m<=2;m++)

{

var MyMenuDiv=document.getElementById("MyMenu");

var MyUL = document.createElement("ul");

var MyULID="ul"+m;

MyUL.setAttribute("id",MyULID);

for (var i=1;i<=3;i++)

{

var MyLIid=MyULID+"li"+i;

var MyLI = document.createElement("li");

MyLI.setAttribute("id",MyLIid);

　　  　 MyLI.innerHTML = "一级菜单"+MyLIid;

MyLI.οnclick=function() { AddChild(this) };//为li动态添加事件

MyUL.appendChild(MyLI);

}

MyMenuDiv.appendChild(MyUL);

}

二、事件代码

function AddChild(obj)

{

alert(obj.id);

}