首页 > 解决方案 > 如何使用噩梦点击此链接?

问题描述

这是涉及链接的所有内容:

<a class="" data-images="{&quot;detail_url&quot;:&quot;//assets.supremenewyork.com/148393/ma/hBwFmRXhVKI.jpg&quot;,&quot;zoomed_url&quot;:&quot;//assets.supremenewyork.com/148393/zo/hBwFmRXhVKI.jpg&quot;}" data-style-name="Black" data-style-id="19033" data-sold-out="false" data-description="null" href="/shop/bags/lkav6jh17/xfdbgpiea" data-no-tubolink="data-no-tubolink"><img width="32" height="32" src="//d17ol771963kd3.cloudfront.net/148393/sw/hBwFmRXhVKI.jpg" alt="Hbwfmrxhvki"></a>

我使用带有 atom 编码的节点的噩梦,并想从 url 点击黑色书包:http: //www.supremenewyork.com/shop/bags/lkav6jh17/p9ylgt8vm
使用“data-style-name="Black"在元素中找到。

我试过了:

.click("data-style-name ='Black'")

这给了我错误:

Failed to execute 'querySelector' on 'Document': 'data-style-name ='Black'' is not a valid selector.

不知道该怎么做,但任何帮助都会很棒。该链接是网页上的图像和列表元素的一部分。

标签: javascriptnode.jsnightmare

解决方案


首先抓取 DOM 节点并分配给一个变量,然后单击该节点。此外,您需要在选择器周围添加括号,并且不需要内部单引号,除非值中有空格或其他无效字符

var myLink = document.querySelector("[data-style-name=black]");
.click(myLink)

推荐阅读