JavaScript 獲取指定標籤一級子元素
在實際應用中可能要獲取指定元素下指定標籤型別元素。
不過有一個限制,那就是隻獲取指定元素第一級子元素下的執行標籤型別元素。
程式碼例項如下:
[HTML] 純文字檢視 複製程式碼執行程式碼<!doctype html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <script> window.onload = ()=> { let ps=document.querySelectorAll("#ant > p"); for(let i=0;i<ps.length;i++){ console.log(ps[i].id) } } </script> </head> <body> <div id="ant"> <div> <p>螞蟻部落二</p> </div> <p id="one">螞蟻部落</p> <p id="two">螞蟻部落一</p> </div> </body> </html>
上述程式碼實現了我們的要求,簡單分析如下:
(1).目的是獲取ant元素下第一級子元素中的p元素。
(2).通過querySelectorAll()即可簡單實現。
程式碼執行效果截圖如下:
相關閱讀:
(1).querySelectorAll方法可以參閱querySelectorAll() 方法一章節。
(2).子元素選擇器可以參閱CSS (E>F)子選擇符一章節。
相關文章
- JavaScript獲取元素下指定型別的一級子元素JavaScript型別
- JavaScript獲取元素標籤名JavaScript
- jQuery如何實現獲取父元素下指定型別標籤的子元素集合jQuery型別
- JavaScript如何獲取元素的標籤型別JavaScript型別
- 獲取第一級指定型別子元素程式碼例項型別
- getElementByTagName()獲取一級子元素
- JavaScript使用id獲取指定元素JavaScript
- JavaScript獲取指定元素的同輩元素JavaScript
- JavaScript獲取同級元素JavaScript
- JavaScript 獲取同級元素JavaScript
- javascript獲取當前元素的上一級元素JavaScript
- javascript獲取指定元素父元素程式碼例項JavaScript
- 通過JavaScript獲取標籤,修改標籤內容JavaScript
- JavaScript獲取head標籤物件JavaScript物件
- 使用jquery獲取指定元素的子元素程式碼例項jQuery
- jQuery如何獲取元素的標籤名稱jQuery
- JavaScript獲取li元素的下標JavaScript
- js獲取與元素關聯的label標籤元素JS
- javascript在iframe子元素中獲取父視窗元素JavaScript
- javascript如何獲取指定元素內的所有圖片JavaScript
- javascript獲取指定元素第一次出現的位置JavaScript
- JavaScript獲取元素在文件中座標JavaScript
- jquery獲取指定型別子元素程式碼例項jQuery型別
- 原生javascript獲取下一級子元素程式碼例項JavaScript
- JavaScript獲取上一個元素JavaScript
- jQuery獲取當前元素的下一級子元素程式碼例項jQuery
- jquery獲取子元素jQuery
- jquery獲取元素的標籤tagName程式碼例項jQuery
- javascript如何獲取具有指定class屬性的元素物件JavaScript物件
- JavaScript獲取滑鼠在元素中的座標JavaScript
- javascript如何獲取指定元素在陣列中的數目JavaScript陣列
- js如何獲取指定元素的尺寸JS
- jquery實現的獲取指定元素指定型別元素數目jQuery型別
- 原生javascript實現獲取指定元素下所有後代元素程式碼例項JavaScript
- jquery獲取低程式碼平臺iframe巢狀的父級元素指定元素jQuery巢狀
- javascript中獲取元素尺寸JavaScript
- jQuery如何獲取指定元素的索引值jQuery索引
- jquery獲取具有指定內容的元素jQuery