在div中获取链接文本

Question

我目前有一个我希望从中拉取文本的href。不幸的是，我没有访问代码，以及有限的代码，我有工作如下：

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

我宁愿使用JavaScript来获取此信息。参考'TEXT'的最佳方法是什么？我已经尝试了几种使用getElementById和getElementsByClassName的方法，但每个都证明不成功。谢谢！

Answer 1

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

Live DEMO

如果你可以使用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;