Dzwebs.Net

撰写电脑技术杂文十余年

js动态添加li onclick事件

Admin | 2015-5-26 8:23:30 | 被阅次数 | 7702

温馨提示!

如果未能解决您的问题,请点击搜索;登陆可复制文章,点击登陆

  首先要把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 = "<img src='MenuImg/folderClosed.gif'/>一级菜单"+MyLIid;
      MyLI.onclick=function() { AddChild(this) };//为li动态添加事件
      MyUL.appendChild(MyLI);
      }
      MyMenuDiv.appendChild(MyUL);
    }

  二、事件代码

  function AddChild(obj)
  {
     alert(obj.id);
  }


该杂文来自: 网页制作杂文

上一篇:JS设置客户端span,label标签的值

下一篇:同一页面短时间内多次调用xmlhttp只执行一次

网站备案号:

网站备案号:滇ICP备11001339号-7

版权属性:

Copyright 2007-2021-forever Inc. all Rights Reserved.

联系方式:

Email:dzwebs@126.com QQ:83539231 访问统计