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

Question

我有以下 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但这显然不起作用。

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

Answer 1

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

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

并且要选择<a>里面的标签<p class="xyz-title">你需要使用这个代码：

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

或者，您可以简单地使用：

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

小提琴：http : //jsfiddle.net/praveenscience/DZhRv/