js找到父标签下的所有div子标签
时间: 2023-08-11 16:32:42 浏览: 80
可以使用以下代码来找到父标签下的所有div子标签:
```javascript
const parentTag = document.querySelector('父标签选择器');
const divTags = parentTag.querySelectorAll('div');
```
其中,`parentTag` 是父标签的 DOM 对象,可以使用 `querySelector` 方法来获取。`divTags` 是一个 NodeList 对象,包含了所有的 div 子标签。可以使用 `forEach` 方法遍历 NodeList,或者使用 `Array.from` 方法将 NodeList 转换为数组再进行操作。
相关问题
js找到父标签下的所有是div标签的子标签
可以使用以下代码来找到父标签下的所有是 div 标签的子标签:
```javascript
const parentTag = document.querySelector('父标签选择器');
const divTags = parentTag.querySelectorAll(':scope > div');
```
其中,`:scope` 表示当前元素,`>` 表示选择器的子元素关系。这样就可以只选择父标签下的直接子元素中是 div 标签的元素了。
注意,`:scope` 是比较新的选择器,可能在一些旧版本的浏览器中不支持。如果需要兼容旧版浏览器,可以使用以下代码:
```javascript
const parentTag = document.querySelector('父标签选择器');
const childTags = parentTag.querySelectorAll('*');
const divTags = Array.from(childTags).filter(tag => tag.tagName.toLowerCase() === 'div');
```
这里先获取了父标签下所有的子元素,然后使用 `Array.from` 方法将 NodeList 转换为数组。接着使用 `filter` 方法筛选出所有标签名为 div 的元素。
cypress 获取某个div标签下所有子标签的个数
您可以使用 Cypress 的 `get()` 命令来获取目标 `div` 元素,然后使用 `children()` 方法获取其所有子元素,并使用 `length` 属性获取子元素的个数,示例如下:
```javascript
cy.get('div.some-class') // 获取目标 div 元素
.children() // 获取其所有子元素
.should('have.length', expectedLength) // 验证子元素的个数是否符合预期
```
其中,`expectedLength` 为预期子元素的个数,可以是一个数字或者是一个变量。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)