Bootstrap

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 = "folderClosed.gif一级菜单"+MyLIid;

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

MyUL.appendChild(MyLI);

}

MyMenuDiv.appendChild(MyUL);

}

二、事件代码

function AddChild(obj)

{

alert(obj.id);

}

;