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

熱點內容
電腦怎麼向魅族mx4傳輸文件 瀏覽:534
多少條數據的表屬於大表 瀏覽:348
三星s7edge懸浮窗教程 瀏覽:523
網監半小時可傳多少數據 瀏覽:871
求隱藏手機文件的軟體 瀏覽:487
網站下載東西怎麼選儲存位置 瀏覽:999
java時間相差多少年 瀏覽:623
什麼是移動網路指標提升 瀏覽:190
打馬是什麼意思網路用語 瀏覽:764
葯膳app 瀏覽:545
c中js間隔符號是 瀏覽:143
什麼app可以內放音樂 瀏覽:621
js執行文件 瀏覽:343
微信公眾號注銷方法 瀏覽:743
app賣酒有哪些平台 瀏覽:731
java部分中文亂碼 瀏覽:228
iis添加dll文件 瀏覽:578
appleld的代碼是什麼形式 瀏覽:659
圖片轉word文件保存在哪 瀏覽:757
count是哪個編程語言 瀏覽:85

友情鏈接