色综合图-色综合图片-色综合图片二区150p-色综合图区-玖玖国产精品视频-玖玖香蕉视频

您的位置:首頁技術文章
文章詳情頁

javascript - 要取 指定索引的ul 里的 所有li 怎么取

瀏覽:105日期:2023-03-22 15:46:29

問題描述

要取 指定索引的ul 里的 所有li 怎么取

我想這么寫var afterUl=document.querySelectorAll(’ul’)[sy-1];var afterLi=afterUl.querySelectorAll(’li’);但是下面的一行會報錯leilei.html:128 Uncaught TypeError: Cannot read property ’querySelectorAll’ of undefined。。。我應該怎么寫。。新手求助

問題解答

回答1:

----- 06-03 14:50 -----

感謝 jasonintju 指出錯誤。

這里的報錯并不是因為沒有 querySelectorAll 方法,是由于題主的 下標 越界了,導致取到的 是 undefined,undefined 沒有 querySelectorAll 方法,故報錯。

正確的下標寫法是沒有問題的。

補充文檔Element.querySelectorAll() - Web APIs | MDN

----- 06-03 04:30 -----

leilei.html:128 Uncaught TypeError: Cannot read property ’querySelectorAll’ of undefined

報錯信息已經給你提示了,不能讀取querySelectorAll屬性,因為它是 undefined

原因是因為 querySelectorAll 是 document的方法,而不是 element的方法。

var afterUl = document.querySelectorAll(’ul’)[0];// document.querySelectorAll(’ul’) 通過 document 的方法 querySelectorAll 得到了當前文檔下的所有 ul 元素,是一個 NodeList 類數組。之后假設通過 [0] 取到了這個 NodeList 中的第一個元素,那么 afterUl 這個變量指向的是一個 DOM 元素,也就是 elementvar afterLi=afterUl.querySelectorAll(’li’);// 這時用 afterUl 也就是一個 element 調用 querySelectorAll,由于 element 下沒有 querySelectorAll 這個方法 自然就報錯了

解決方案是使用 getElementsByTagName

var oUl = document.getElementsByTagName(’ul’)[0];var aLi = oUl.getElementsByTagName(’li’);

可以參考一下 JavaScript 文檔中關于這兩個 API 的介紹

Document.querySelectorAll - Web API 接口 | MDNelement.getElementsByTagName - Web API 接口 | MDN

或者使用 jQuery 的

var aLi = $(’ul’).eq(0).find(’li’);回答2:

實現的方式很多,你可以采用原生JavaScript,也可以用各種js庫來實現。這里采用原生JavaScript整理一個思路,在ul的DOM元素上添加一個id屬性,通過document.getElementById取出ul,然后通過getElementsByTagName取出li元素。

代碼如下:

<ul id='ul-wrap'> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li></ul>var ul_wrap = document.getElementById(’ul-wrap’);var li_item = ul_wrap.getElementsByTagName(’li’);console.log(ul_wrap);console.log(li_item);回答3:

let oLis = document.getElementsByTagName('ul')[index].getElementsByTagName('li');

回答4:

我自己找到錯誤了,是因為我后面的索引[sy-1]中變量sy的是之前遍歷所有li時候賦值的,因為所有li比所有ul多很多,所以[sy-1]超過了ul的個數,上面那行就會undefined 下面那行就報錯了。謝謝大家。。這問題太幼稚。。

標簽: JavaScript
相關文章:
主站蜘蛛池模板: 一级做性色a爰片久久毛片免费 | hdxxx色视频 hd欧美xxx欧美极品hd | 国产日韩精品欧美一区视频 | 国产大臿蕉香蕉大视频女 | 草草影院地址 | 欧美日韩国产免费一区二区三区 | 成年人免费观看视频网站 | 亚洲三级精品 | 精品午夜寂寞黄网站在线 | 亚洲高清视频在线播放 | 免费一级在线观看 | 香蕉午夜 | 亚洲欧美日韩精品香蕉 | 成人在线视频国产 | 美女视频永久黄网站免费观看国产 | 亚洲另类激情综合偷自拍图 | 美国一级毛片oo | 亚洲人成网站观看在线播放 | 91香蕉成人 | 91资源在线| 免费在线看a | 一级做a爰性色毛片免费 | 国产视频高清在线观看 | 亚洲 欧美 在线观看 | 在线播放性xxx欧美 在线播放亚洲视频 | 欧美特黄视频在线观看 | 国产特黄一级毛片特黄 | 一区在线看 | 国产精品日韩欧美在线 | 香蕉福利久久福利久久香蕉 | 玖玖精品国产 | 欧美激情特级黄aa毛片 | 欧美精品在线视频 | 亚洲第一毛片 | 九九99香蕉在线视频免费 | 欧美一级视频 | 午夜性爽视频男人的天堂在线 | 免费在线一级毛片 | a一级免费视频 | 亚洲国产伦理 | 97在线视频观看 |