zoukankan      html  css  js  c++  java
  • javaScript动态生成列表(获取点击列表的id)

    我有一个div和ul代码如下:

    <div id="myDiv">

        <ul id="myUl">

        </ul>
    </div>

    ------------------------------------------------------------

    <script type="text/javaScript">

            //通过id获得ul元素

            var ul = document.getElementById('myUl');
            //这里我循环5个

                          for (var i = 0; i < 5; i++) {
                            //添加 li
                            var li = document.createElement("li");
                            var a = document.createElement("a");
                            ul.appendChild(li);

             li.setAttribute("id", i+1);
                            li.setAttribute("onclick", "getId(this)");
                            li.appendChild(a);
                            a.innerHTML = “数据(可以去循环出想要的数据)”; 

          function getId(obj) {

            //获得点击li元素的id

            var id = obj.id;

            alert("你点击的元素id是"+id);

    }

    </script>

     ---------------------------------------------------

    最后获得的是

    <div id="myDiv" class="monitor">
        <ul id="myUl">
             <li id="1">
                <a>数据(可以去循环出想要的数据)</a>
            </li>
            <li id="2">
                <a>数据(可以去循环出想要的数据)</a>
            </li>
            <li id="3">
                <a>数据(可以去循环出想要的数据)</a>
            </li>
            <li id="4">
                <a>数据(可以去循环出想要的数据)</a>
            </li>
            <li id="5">   
                <a>数据(可以去循环出想要的数据)</a>
            </li>
                </ul>
    </div>

  • 相关阅读:
    最近工作状态异常的原因追寻。
    当“逻辑”与“UE”冲突时
    面对一个“丢失了与用户“签订”的协议的修改”时进行的思考。
    如果公司的需求总是让研发部门有怨言…
    安装sybase12.0,运行时报错异常。
    你看到这份文档,我就想摔鼠标!
    对于研发组长的责任产生了疑惑。
    关于html中空格导致的排版问题
    如何配置你的工作环境。
    今天的笔记:2014年6月3日
  • 原文地址:https://www.cnblogs.com/stu-wrl/p/6377862.html
Copyright © 2011-2022 走看看