js 點選li輸出當前li的索引號

2021-10-19 09:33:36 字數 715 閱讀 6011

1.動態新增屬性的方法

>

>

>

星期1li

>

>

星期2li

>

>

星期3li

>

>

星期4li

>

>

星期5li

>

ul>

body

>

>

var lis = document.

queryselectorall

('li');

for(

var i =

0; i < lis.length; i++)}

script

>

2.利用閉包的方式

// 立即執行函式也稱為小閉包因為立即執行函式裡面的任何乙個函式都可以使用它的i這個變數

var lis = document.

queryselectorall

('li');

for(

var i =

0; i < lis.length; i++)}

)(i);}

//這裡改變了i的作用域(以前是全域性變數,現在作為實參傳遞給變數j)

//在記憶體中開闢了乙個記憶體空間儲存了作為引數傳進來的i的值

react實現點選選中的li高亮

雖然只是乙個簡單的功能,還是記錄一下比較好。頁面上有很多個li,要實現點選到哪個就哪個高亮。當年用jq的時候,也挺簡單的,就是選中的元素給addclass,然後它的兄弟元素removeclass,再寫個active的樣式就搞定了。那現在用react要實現類似的操作,我想到的就是用乙個currenti...

angular中實現li或者某個元素點選變色

先說一種最直接了當的不需要js控制,方法一 直接在用ng class就可以控制 p ng click state 1 ng class 浮傷年華 p p ng click state 2 ng class 憂傷說笑 p 在style裡面設定如下 style type text css active ...

js動態建立li的不同方法

一 document.body.innerhtml 我們可以 用document.body.innerhtml 方法向body內新增li元素,但迴圈新增太耗效能,可以先迴圈將要新增的字串預先連線後儲存到str裡,再一次性新增給body document.body.innerhtml str,這樣可以...