首页 > 代码库 > javaScript动态生成列表(获取点击列表的id)
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>
javaScript动态生成列表(获取点击列表的id)