導航:首頁 > 編程語言 > 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相關的資料

熱點內容
vhd文件有什麼用 瀏覽:482
編程小朋友看什麼書 瀏覽:623
經營如何讓數據說話 瀏覽:258
如何在手機上升級opop 瀏覽:614
coreldrawx5免費視頻教程 瀏覽:725
網站引導頁面源碼 瀏覽:234
個人簡歷範文word 瀏覽:220
uc下載的視頻怎樣提取到文件 瀏覽:499
英雄下載下載最新版本2015下載安裝 瀏覽:433
NX深孔鑽編程替換面如何操作 瀏覽:725
手機怎麼刪除pdf文件 瀏覽:256
蘋果手機沒有efs文件夾怎麼辦 瀏覽:723
metro軟體在哪個文件夾 瀏覽:69
怎麼用手機登錄編程貓 瀏覽:400
文本md204顯示器如何編程 瀏覽:705
如何將表中重復數據標記 瀏覽:859
中級資料庫系統工程師應用技術考什麼 瀏覽:404
博途編程如何設置停止鍵 瀏覽:409
python3刪除文件內容 瀏覽:754
如何優化seo數據分析 瀏覽:132

友情鏈接