javascript - 在 div 中获取链接文本

Question

我目前有一个我想从中提取文本的 href。不幸的是，我无权访问代码，我必须使用的有限代码如下：

<div id="myDiv">
  <h1 class="myClass">
    <a href="link">TEXT</a>
  </h1>
</div>

我更喜欢使用 JavaScript 来获取这些信息。引用“文本”的最佳方式是什么？我尝试了几种使用getElementByIdand的方法getElementsByClassName，但每种方法都被证明是不成功的。谢谢！

Answer 1

var text = document.getElementById('myDiv')
                   .getElementsByTagName('a')[0].innerHTML;
alert(text);​ // TEXT

现场演示

如果你可以使用 jQuery...：

var text = $('#myDiv .myClass a').text();

Answer 2

可以使用 jQuery 吗？

这将是

$(".myClass a").text();

我不确定纯javascript。这就是我问的原因。

Answer 3

var links = document.getElementsByTagName('a');

for (var i = 0; i < links.length; i++)
    console.log('Link ' + i + ' text: ' + links[i].innerHTML);

Answer 4

假设您无法修改 HTML：

http://jsfiddle.net/9rXaS/

document.getElementsByClassName('myClass')[0].childNodes[1].innerHTML;