如何在vanilla 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')它对我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”的velue