<a href>当我仅知道下一个标签的名称时，</a>如何获取内容<a href>？</a>

Question

我想使用JavaScript（而非jQuery）获取a href的内容。 在下面显示的示例中，它是字符串some-link-here 。

我尝试了document.querySelector各种组合，例如

document.querySelector("h2").getElementsByTagName("a")[0=].previous.Sibling.textContent

但我无法获得想要的字符串。

<td align='center' rowspan=2 valign='top'><a href='some-link-here'><h2>DOWNLOAD</h2>

Answer 1

如果您知道在您所需的标记有多少个anchor（）标记之后的确切位置，则可以通过替换数组索引（此处为0）来使用以下代码

document.getElementsByTagName('a')[0].getAttribute("href")

否则，如果仅知道子标记，则可以使用以下代码。

document.querySelector('h2').parentElement.getAttribute("href")

根据您的要求，如果[H2]标签不是[A]的子元素，而只是下一个标签，则应尝试以下代码。

document.querySelector('h2').previousElementSibling.href

Answer 2

这将得到href的值：

document.querySelector('h2').parentElement.getAttribute('href')

锚点（A）是标头（H2）元素的父元素。

---

根据您的评论，这将更改标题的文本内容以匹配其父项的href：

 var h2 = document.querySelector('h2'); h2.textContent = h2.parentElement.getAttribute('href')