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

Question

我有以下 HTML:

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

现在我想获取文本“wanted Text”。 我怎样才能实现这个目标？

我尝试过:

document.getElementsByClassName("testClass1");

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

Answer 1

您可以使用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>