国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

實現點擊列表彈出列表索引的兩種方式

2024-05-06 14:19:26
字體:
來源:轉載
供稿:網友
方式一,使用利用事件冒泡委托給列表的父節點去處理的方式:
代碼如下:
var ulObj = document.getElementById("myUl");
ulObj.onclick = function (event) {
var tg = event.target;
var liArray = ulObj.getElementsByTagName("li");
for (var i = 0; i < liArray.length; i++) {
if (liArray[i] === tg) {
alert(i + 1);
}
}
}

方式二,使用閉包:
代碼如下:
var liArray = document.getElementById("myUl").getElementsByTagName("li");
for (var i = 0; i < liArray.length; i++) {
(function () {
var n = i;
liArray[i].onclick = function () {
alert(n + 1);
}
})(i)
}

HTML代碼:
代碼如下:
<ul id='myUl'>
<li>haha</li>
<li>heihei</li>
<li>hehe</li>
<li>gaga</li>
</ul>
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 甘泉县| 榆林市| 乌拉特中旗| 鹤庆县| 苏尼特右旗| 恩平市| 深州市| 德庆县| 赤水市| 酒泉市| 永安市| 原阳县| 恩平市| 北宁市| 山西省| 固始县| 平遥县| 遂宁市| 如东县| 德庆县| 都兰县| 额尔古纳市| 遵义县| 临泽县| 综艺| 佛冈县| 亚东县| 安泽县| 壶关县| 辽宁省| 西青区| 陇西县| 邵武市| 武清区| 庆云县| 陇南市| 汾阳市| 连江县| 惠东县| 汉沽区| 英吉沙县|