javaScript動態產生列表（擷取點擊列表的id）

標籤：setattr   alert   列表   moni   click   div   asc   ext   擷取   

我有一個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>

javaScript動態產生列表（擷取點擊列表的id）