获取元素下的全部li子元素
时间: 2023-08-28 10:05:16 浏览: 106
js 获取元素下面所有li的两种方法
5星 · 资源好评率100%
可以使用 JavaScript 中的 `querySelectorAll` 方法来获取元素下的全部 li 子元素,方法语法如下:
```javascript
const liList = document.querySelectorAll('parentElement li');
```
其中,`querySelectorAll` 方法接受一个 CSS 选择器作为参数,返回符合该选择器的所有元素列表。上述代码中的选择器 'parentElement li' 表示选取 parentElement 元素下的所有 li 子元素。执行上述代码后,`liList` 变量将包含所有符合选择器 'parentElement li' 的 li 子元素。
需要注意的是,上述代码中的 parentElement 应该替换成实际的父元素对象或选择器。如果要获取某个元素的全部 li 子元素,可以使用该元素的 `querySelectorAll` 方法,如下所示:
```javascript
const liList = parentElement.querySelectorAll('li');
```
其中,`parentElement` 表示实际的父元素对象,`li` 表示选取该父元素下的所有 li 子元素。
阅读全文