js 查询元素下的所有其他元素
时间: 2023-09-16 18:08:56 浏览: 40
如果你想查询某个元素下的所有其他元素,可以使用 JavaScript 中的 `querySelectorAll` 方法。
例如,假设你有一个 HTML 元素:
```html
<div id="parent">
<span>元素1</span>
<span>元素2</span>
<span>元素3</span>
</div>
```
你可以使用以下代码查询 `id` 为 `parent` 的元素下所有的 `span` 元素:
```javascript
const parent = document.querySelector('#parent');
const spans = parent.querySelectorAll('span');
```
`querySelectorAll` 方法接受一个 CSS 选择器作为参数,并返回匹配该选择器的所有元素的 NodeList 对象。在上面的例子中,我们使用选择器 `span` 来匹配所有的 `span` 元素,然后把它们存储在变量 `spans` 中。
你也可以使用 `children` 属性来获取直接子元素(不包括孙子元素),例如:
```javascript
const parent = document.querySelector('#parent');
const children = parent.children;
```
这将返回 `parent` 元素的所有直接子元素的 HTMLCollection 对象。在上面的例子中,结果为包含三个 `span` 元素的 HTMLCollection 对象。