原文:使用原生js給每個li綁定onclick點擊事件,輸出每條li的下標(索引)的幾種方式

使用原生js給每個li綁定onclick點擊事件,輸出每條li的下標 索引 htm部分 首先需要獲取頁面中每一條li節點 通過設置屬性方式 給每一條li設置屬性index為i, 點擊時就可以獲取this的index屬性。 通過設置自定義屬性方式, 給每一條li設置自定義屬性index為i, 點擊時就可以獲取this的自定義屬性index,同上面方法相似。 通過bind改變this指向為每一條li, ...

2020-06-08 19:37 0 2020 推薦指數:

查看詳情

JS如何給ul下的所有li綁定點擊事件點擊使其彈出下標和內容

這是一個非常常見的面試題,出題方式多樣,但考察點相同,下面我們來看看這幾種方法:方法一: 方法二: 方法三: 方法四: 上面這四種方法都可以實現循環綁定,但是我們知道,頻繁的操作DOM是非常消耗性能的,如果有1000個li,怎么辦 ...

Wed Mar 27 19:53:00 CST 2019 0 4261
js綁定點擊事件幾種方式

(1)在html上綁定onclick事件 <div class="test" id="main"> 這是測試區域的內容 </div> <input type="button" value="變紅" onclick="fun1()" id ...

Thu Jun 15 02:16:00 CST 2017 0 1394
chrome下li標簽onclick事件無效

//綁定事件 $(document).ready(function () { $("ul").children().click(function () { clickLi(this); }) }); //點擊li標簽跳轉,根據li標簽的url屬性 function clickLi(obj ...

Sat Nov 26 06:55:00 CST 2016 0 5661
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM