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

熱點內容
裝了雙系統引導文件在哪 瀏覽:781
蘋果機小游戲 瀏覽:221
像折800的APP有哪些 瀏覽:370
怎麼讓qq自動接收文件 瀏覽:174
有哪些收二手東西的app 瀏覽:69
奧奇傳說升級100級 瀏覽:3
dreamweaver個人網站模板下載 瀏覽:310
怎樣刪除音頻文件在哪裡找 瀏覽:107
magician管理工具 瀏覽:323
wordpress名站 瀏覽:13
win10桌面幻燈片 瀏覽:662
蘋果背夾電池主流品牌 瀏覽:172
金士頓u盤壓縮文件損壞 瀏覽:653
安卓手機中文代碼 瀏覽:807
iphoneossdk下載 瀏覽:707
成都市網站建設多少錢 瀏覽:179
新手機怎麼會連接原來的網路 瀏覽:183
文件映射到桌面的工具 瀏覽:212
怎麼打開微信備份文件怎麼打開 瀏覽:928
win10修改電腦日期 瀏覽:710

友情鏈接