導航:首頁 > 編程語言 > js選擇所有li

js選擇所有li

發布時間:2024-11-12 00:56:00

1. <ul>標簽兩層嵌套如何在js中找到第二層<li>標簽,不用獲取id的方法。兩層<li>標簽的class是一樣的。

如果你只需要獲取最里層的第一個 li 的話,可以用document.querySelector(".on > ul >.on")
如果還想獲取最里層的所有 li 的話 ,可以用document.querySelectorAll(".on > ul >.on")
,最好是給每個ul 加個類名,選擇子元素的時候,就不用寫那麼多層了。

2. JS如何獲取指定DIV下的子元素LI值

1、新建一個html文件,命名為test.html,用於講解JS如何獲取指定DIV下的子元素LI的值。

3. 有一排的li元素,我用js實現滑鼠移動到li上,li發生某些變化,但我如果不需要li中的第一個li,怎麼把第一

方法一:給這個 li 加個單獨的 id 比如 <li id="one"></li>,判斷到 id 為 one 時不執行
方法二:用 for 把 li 的個數循環出來,判斷是第一個則不執行

4. 用js只獲取第一層ul中的第一層的所有li,不影響第二層中的li

先按照你的這個方法獲取。然後可以通過判斷li的parentNode是不是外層的ul來篩選li

或者可以這么寫

varul=document.getElementById('outer');
varn=ul.firstChild.nodeType==1?ul.firstChild:ul.firstChild.nextSibling;
varr=[];
for(;n;n=n.nextSibling){
if(n.nodeType==1){
console.log(n.innerHTML);
r.push(n);
}
};

5. js如何獲取被點擊li是第幾個

1、首先打開html編輯器,新建一個html文件,裡面寫入4個li標簽,並在上方的style標簽中設置li的樣式,給li標簽高度和寬度以及邊框,同時設置li標簽之間的間隔。

2、然後在script標簽中寫入js,首先用getElementsByTagName獲取所有li標簽的dom元素,任何使用for循環遍歷數組中的元素,for循環內部設置每個li標簽的index元素,在給每個元素添加點擊事件,點擊之後就會彈出li標簽的index值出來。

3、最後打開瀏覽器,點擊其中的一個標簽,就會彈出對應的li標簽數值了。

6. js獲取li為選中狀態下的內容,li可以選擇多個

1 定義一個數組,li綁定點擊onclick事件,點擊時獲取li內容,jq就是版.val() ,JS就是innerHTML;

2 每點擊獲取一個就push到數組里;

varmyCont=[];
varlis=document.querySelectorAll('li');
for(vari=0;i<lis.length;i++){
lis[i].i=i;
lis[i].onclick=function(){
varcont=this.innerHTML;
myCont.push(cont);
console.log(myCont);
}
}

希望權可以幫助到你,Jensonhui

The Harder You Work , The Luckier You Will Be .

閱讀全文

與js選擇所有li相關的資料

熱點內容
紅頭文件訂書紅線在哪裡 瀏覽:851
excel怎麼做文件頭 瀏覽:703
為什麼word找不到文件菜單 瀏覽:671
ios15安裝後找不到描述文件 瀏覽:440
學編程怎麼學最有效 瀏覽:873
通過wifi傳文件到ipad 瀏覽:197
js隨機顏色 瀏覽:611
文件快速復制到u盤的軟體 瀏覽:443
如何檢查無線網路驅動是否正常 瀏覽:468
百度網盤來自分享的文件在哪裡 瀏覽:127
如何發視頻到騰訊視頻文件夾里 瀏覽:510
微信打開cad外部文件找不到 瀏覽:882
平板可以打開各種文件後綴的軟體 瀏覽:531
蘋果微信文件怎麼全選 瀏覽:749
手機里之前打開過的文件在哪裡找 瀏覽:685
cad能看word文件嗎 瀏覽:719
12306火車票系統後台資料庫 瀏覽:570
js翻譯德語 瀏覽:33
從哪裡可以下載a股的數據 瀏覽:437
邏輯文件名和物理文件名關系 瀏覽:66

友情鏈接