提取元素属性

组件介绍

获取选择元素对应的文本或源码等信息

截图

属性说明

必填项
属性名称 类型 默认值 说明
目标元素 元素 抓取到的元素信息
可以选择「元素赋值」组件返回的变量
也可以点击「选择元素」选择元素
属性类型 下拉选项 href 链接地址 需要获取的数据类型:
● textContent 文本
● HTML 源码
● value 值
● href 链接地址
● img href 图片地址
● 其他属性
属性名称 字符串 属性类型选择「其他属性」时需要输入的属性名称
如 "class"、"title"、"id" 等
可使用浏览器的开发工具或者「属性类型」选择「HTML 源码」查看当前元素支持的属性名称

常用属性名称

属性名称 类型
class 规定元素的类名
title 规定元素的额外信息
ts-id 规定元素的唯一 id
innerText 元素文本
href 元素链接地址
src 元素图片地址
选填项
属性名称 类型 默认值 说明
查找元素超时 数字 5 单位:秒
在查找元素时,如果超过了指定的时间,则认为目标元素不存在
返回值
名称 类型 说明
属性值 字符串 根据属性类型的选项返回对应的内容
选择元素无对应属性类型选项将返回空字符串 ""

组件示例

  1. 打开浏览器,打开百度首页
  2. 元素赋值:点击选择元素,选择浏览器的 “新闻” 文字元素,变量名 aaa
  3. 提取元素属性目标元素 aaa,属性类型链接地址,选填项默认,返回值属性值 text
  4. 输出日志日志 text
  5. 运行结果:日志面板输出 http://news.baidu.com/

名词解析

  • 变量:顾名思义,是相对于常量(即一成不变的值)存在的,使用变量是为了在使用该变量的过程中,根据不同情景来使用一个时常变化的值。尤其是对于重复使用的值,使用变量还能减轻后期维护成本,比如一个数据在流程中多次使用,不使用变量的话,后期修改就需要一个个的去改,而使用变量则只需要修改变量值,则所有使用该变量的地方都会随之更新。

  • 元素:我们所见到的桌面程序比如 QQ,或者浏览器网页比如百度首页,这些软件的界面都是由一个个元素构成的。友友编辑器的元素探测可以获取到这些元素的信息,包括但不限于:元素编号、坐标、文本、链接、源码、图片链接、值等。通过元素信息对比,可以帮助我们快速找到要进行操作的对象。

  • 选择元素:请点击「选择元素」后鼠标移动到 “新闻” 文字,探索框高亮选中新闻后按下 CTRL + 鼠标左键,点击「保存」。

注意事项

  • 部分软件或网页禁止元素探测,例如微信、微信小程序窗口内部、网页内嵌内容等。

  • 在网页上抓取数据目前支持谷歌、IE、Edge、360 及 Firefox(火狐) 浏览器,除 IE 浏览器外其他浏览器都需要安装插件,具体操作详见浏览器插件安装说明

  • 选择元素后才能选择属性类型。

  • 选择元素无对应的属性类型将返回空字符串,如示例中属性类型选择图片地址。

  • 多次重复使用的元素推荐使用「元素赋值」组件,只需要选择元素变量即可调用此元素,无需每个元素组件都选择元素。

Copyright 北京库木塔格科技有限公司 2024 all right reserved,powered by Gitbook该文章修订时间: 2024-09-02 15:41:48

results matching ""

    No results matching ""