如何使用 iMacros - xPath 访问 HTML DOM 属性

Question

iMacros 版本：10.0.2.1450（免费）、Firefox、WINdow 10

你好， 目的是为从website 显示的每个图像提取 HTML DOM 属性的值，例如 id、href 和 data-download-file-url。我相信 XPATH 将适合这项任务，因为每个图像都可以通过以下泛化 XPATH 访问

/html/body/main/section[2]/div/div/figure[X]/div

大写X表示上述网站的取值范围为1到50的Image标签。

我知道，以提取图1的属性为例，可以通过

TAG XPATH="/html/body/main/section[2]/div/div/figure[1]"  EXTRACT=TXT

但是，上面的行输出了所有 DOM 属性，包括我不感兴趣的属性。

根据下面的教程；

[OP1][https://forum.imacros.net/viewtopic.php?t=26155] [OP2][How to extract specific text with imacros xpath

提取特定的 DOM 属性可以通过以下方式实现

TAG XPATH="/html/body/main/section[2]/div/div/figure[1]/div[@id='showcase__content'] "  EXTRACT=TXT

但是，执行反而报错。

如果有人能阐明这个问题，我真的很感激。

图 1 的 DOM 属性示例。这些属性都是粉红色的。 https://drive.google.com/open?id=190q615C3uXLZUQNI8K4AJYL3Slii1ktO

Answer 1

您的 XPath 包含错误（@id 而不是 @class）。修复它：

//figure[1]/div[@class='showcase__content']

要访问下载文件的 url，它将是：

//figure[1]/div[@class='showcase__content']//@data-download-file-url

编辑：要从特定属性中获取值，您必须使用 HTM 函数从元素中提取代码，然后使用正则表达式。可以直接提取HREF属性。

我不是 imacros 用户，所以我的代码可能不是最聪明的：

VERSION BUILD=1005 RECORDER=CR
URL GOTO=https://www.freepik.com/search?dates=any&format=search&page=1&query=Polygonal%20Human&sort=popular
TAG XPATH="//figure[1]/div[@class='showcase__content']/a" EXTRACT=HREF
SET !VAR3 {{!EXTRACT}}
TAG XPATH="//figure[1]/div[@class='showcase__content']/a" EXTRACT=HTM
SET !VAR1 EVAL("var regex = /url=\"(.+?)\"/; var str = '{{!EXTRACT}}';str.match(regex)[1];")
SET !VAR2 EVAL("var regex = /id=\"(.+?)\"/; var str = '{{!EXTRACT}}';str.match(regex)[1];")
PROMPT {{!VAR1}}
PROMPT {{!VAR2}}
PROMPT {{!VAR3}}

附注：imacros 的免费用户仅限于 3 个声明的变量（!VAR1 到 3）。您可能需要循环和 SET !EXTRACT_TEST_POPUP NO 来实现您的最终目标。