如何使用javascript读取a href的内容？

我有下面的html，对于如何读取href标签的内容感到困惑

<p class="xyz-title">
    <a href="http://www.youtube.com/embed/xyz">
        <span class="field-content">Title here</span>
    </a>
</p>

我尝试了

document.getElementByClass（'xyz-title'）[0].innerHTML

，但显然没有效果

---

非常感谢您为我指明了正确的方向。

这是一个语法错误。应该是的。改用这个：

document.getElementsByClassName('xyz-title')[0].innerHTML

---

选择

是一个语法错误。应该是的。改用这个：

document.getElementsByClassName('xyz-title')[0].innerHTML

对于选择
，innerHTML
将提供元素的内容，而不是任何属性的值
.href
将为您提供
href
值

您试图使用
getElementByClass（）
但是没有这样的函数-您想要
getElementsByClass（）
（根据您添加到问题中的标记），一个返回列表的函数，因此您确实需要
[0]
来获取第一个列表

要选择锚元素，请尝试：

document.getElementsByClassName('xyz-title')[0].getElementsByTagName('a')[0].href

或者更简单一点：

document.querySelector('.xyz-title a').href

演示：

请注意，如果元素不存在，则任何一种方法都会给出错误。
。innerHTML
将给出元素的内容，而不是任何属性的值
.href
将为您提供
href
值

您试图使用
getElementByClass（）
但是没有这样的函数-您想要
getElementsByClass（）
（根据您添加到问题中的标记），一个返回列表的函数，因此您确实需要
[0]
来获取第一个列表

要选择锚元素，请尝试：

document.getElementsByClassName('xyz-title')[0].getElementsByTagName('a')[0].href

或者更简单一点：

document.querySelector('.xyz-title a').href

演示：

请注意，如果元素不存在，则任何一种方式都会出现错误。

试试这个：

var href = document.getElementsByClassName('xyz-title')[0].getElementsByTagName('a')[0].href;
alert(href);


试试这个：

var href = document.getElementsByClassName('xyz-title')[0].getElementsByTagName('a')[0].href;
alert(href);

返回undefined，选择的是p而不是ath，返回undefined，选择的是p而不是a