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