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

熱點內容
us數據線怎麼連接車載音樂 瀏覽:320
撥號晶元程序寫入 瀏覽:847
掃描到電腦文件位置 瀏覽:941
微信里怎麼錄音文件 瀏覽:527
vba連接sql資料庫 瀏覽:943
iphone不用數據線怎麼連接電腦 瀏覽:865
分享文件文件名後有數字 瀏覽:940
6s4G網路怎麼設置 瀏覽:197
72版本神器知識新上限 瀏覽:92
logo程序下載 瀏覽:873
led屏幕編程是什麼意思 瀏覽:338
在linux如何修改文件內容 瀏覽:378
如何找出a列不等於b列的數據 瀏覽:472
金磚五國青年哪個app好 瀏覽:442
word2007橫向縱向混排 瀏覽:13
有什麼免費看英語單詞的app嗎 瀏覽:386
蘋果5s一直搜索網路 瀏覽:51
蘋果數據線怎麼分正負極線 瀏覽:575
javascript基本類型 瀏覽:860
app後台常用開發語言 瀏覽:982

友情鏈接