在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;