循环相似元素
组件介绍
循环获取相似元素的对象或文本等信息
截图
属性说明
必填项
| 属性名称 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| 目标 | 元素 | 空 | 抓取到的元素信息 可以选择「元素赋值」组件返回的变量 也可以点击「选择元素」选择元素 |
选填项
| 属性名称 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| 返回类型 | 下拉选项 | 元素对象 | 返回数据的类型： ● 元素对象 ● 文本 ● 源码 ● 值 ● 链接地址 ● 图片地址 ● 其他属性 |
| 查找元素超时 | 数字 | 10 | 单位：秒 在查找元素时，如果超过了指定的时间，则认为目标元素不存在 |
| 属性名称 | 字符串 | 空 | 「返回类型」选择「其他属性」时需要输入的属性名称 如 "class"、"title"、"ts-id" 等 可使用浏览器的开发工具查看当前元素支持的属性名称 |
| 属性名称 | 类型 |
|---|---|
| class | 规定元素的类名 |
| title | 规定元素的额外信息 |
| ts-id | 规定元素的唯一 id |
| innerText | 元素文本 |
| href | 元素链接地址 |
| src | 元素图片地址 |
返回值
| 名称 | 类型 | 说明 |
|---|---|---|
| 循环项 | 元素/字符串 | 根据返回值类型返回每个元素对应的内容 「返回类型」选择「元素对象」返回值类型为元素 其他选项返回值类型为字符串 选择元素无返回值类型对应选项内容返回空字符串 "" |
| 元素序号 | 数字 | 获取到的每个元素对应的位置排序，序号从 1 开始 |
组件示例
- 打开浏览器，打开百度首页
- 循环相似元素：点击选择元素，选择浏览器页面的 “新闻” 文字元素，按照提示选择同级 “地图” 文字元素；返回值类型文本，返回值循环项循环项
- 输出日志：日志循环项
- 运行结果：日志面板依次输出与新闻、地图相同层级每个元素的文本内容
名词解析
变量：顾名思义，是相对于常量（即一成不变的值）存在的，使用变量是为了在使用该变量的过程中，根据不同情景来使用一个时常变化的值。尤其是对于重复使用的值，使用变量还能减轻后期维护成本，比如一个数据在流程中多次使用，不使用变量的话，后期修改就需要一个个的去改，而使用变量则只需要修改变量值，则所有使用该变量的地方都会随之更新。
元素：我们所见到的桌面程序比如 QQ，或者浏览器网页比如百度首页，这些软件的界面都是由一个个元素构成的。友友编辑器的元素探测可以获取到这些元素的信息，包括但不限于：元素编号、坐标、文本、链接、源码、图片链接、值等。通过元素信息对比，可以帮助我们快速找到要进行操作的对象。
选择元素：请点击「选择元素」后鼠标移动到 “新闻”、“地图” 文字元素，探索框高亮选中新闻、地图后按下 CTRL + 鼠标左键，点击「保存」。
注意事项
部分软件或网页禁止元素探测，例如微信、微信小程序窗口内部、网页内嵌内容等。
在网页上抓取数据目前支持谷歌、IE、Edge、360 及 Firefox（火狐） 浏览器，除 IE 浏览器外其他浏览器都需要安装插件，具体操作详见浏览器插件安装说明。
选择的两个元素必须处于相同层级下，层级不同将无法正常获取相同层级下的所有元素。
只选择一个元素将只返回选择元素的信息。
多次重复使用的元素推荐使用「元素赋值」组件，只需要选择元素变量即可调用此元素，无需每个元素组件都选择元素。