如何在原始javascript中选择此元素？

Question

我正在尝试一些网络自动化。我想选择按钮元素。我试图解决这个问题，但是解决不了

这是按钮--------

<button class="dCJp8 afkep _0mzm-">
  <span class="glyphsSpriteHeart__outline__24__grey_9 u-__7" aria-label="Like">
  </span>
</button>

来源-Instagram

我尝试了以下方法：

1. querySelector（'button.afkep'）
2. querySelector（'button.dCJp8 .afkep ._0mzm-'）
3. querySelector（'button.dCJp8，.afkep，._ 0mzm-'）
4. querySelectorAll（'button.afkep'）

Answer 1

尝试document.querySelector('button.dCJp8')对我有用。

Answer 2

您应该使用querySelectorAll（）和getAttribute（）方法返回具有指定名称的元素的属性值。

以下示例。

var hearts = document.querySelectorAll(".glyphsSpriteHeart__outline__24__grey_9.u-__7")[0].getAttribute("aria-label");

在类glyphsSpriteHeart__outline__24__grey_9.u -__ 7中获取属性“ aria-label”的线索