javascript - 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

ライブデモ

jQueryを使用できる場合...：

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

Answer 2

HTMLを変更できないと仮定します。

http://jsfiddle.net/9rXaS/

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

Answer 3

jQueryは使えますか？

それはそのようになります

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

プレーンなJavaScriptではわかりません。それが私が尋ねる理由です。

Answer 4

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

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