javascript - 获取没有ID的元素的值

我有以下HTML：

<span class="testClass1" >
  <a href="testlink.com">wanted Text</a>
  <a class="ctx" href="#"></a>
</span>

现在，我想获取文本"wanted Text"。
我该如何实现？

我尝试过：

document.getElementsByClassName("testClass1");

我也尝试使用document.getElementsByTagName()，但是我不知道如何正确使用它们。

最佳答案

您可以使用querySelectorAll

因此：

document.querySelectorAll('.testclass1 a')

将返回<a>的所有.testclass1子项

片段示例：

var elements = document.querySelectorAll('.testClass1 a')

console.log(elements) // open the console to see this
console.log(elements[0].text) // this gets the first <a> text `wanted Text`

<span class="testClass1" >
  <a href="testlink.com">wanted Text</a>
  <a class="ctx" href="#"></a>
</span>