大众计算机学习网欢迎诸位!收藏本站注 册登 陆
常用教程:基础知识网络知识操作系统WPS网页制作数据库算法网页成功之路网络安全最新技术古典mid流行midmid背景下载中心
您现在的位置:首页 > 教程 > 文章页

js动态添加li onclick事件

Admin | 2015-5-26 8:23:30 | ReadNums | 1451 | 标签 网页制作 | 打印本页
     

  首先要把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);
  }


问题未解决:搜索文章

网友评论

(访客)
内容实用原创,讲得很好。
20xx年x月x日
(站长)
感谢大家的支持。
20xx年x月x日

……