2012-05-10 10 views
2

私は現在、テキストを引き出したいhrefを持っています。残念ながら、私は、コードへのアクセスを持っていない、と私が一緒に仕事をしなければならない制限されたコードは以下の通りです:div内のリンクテキストを取得する

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

私はこの情報を取得するためにJavaScriptを使用して好みます。 「TEXT」を参照する最良の方法は何ですか?私はgetElementByIdgetElementsByClassNameを使っていくつかの方法を試みましたが、それぞれ成功していません。ありがとう!

答えて

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

Live DEMO

あなたはjQueryのを使用することができたら...:

あなたがHTML変更することはできませんと仮定
var text = $('#myDiv .myClass a').text(); 
+2

これはおそらく最も信頼性の高いソリューションです。 – jbabey

+0

素晴らしい、まさに私が探していたもの。ありがとう! – Gigazelle

0

jQueryを使用できますか?

それはプレーンなJavaScriptで

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

イムわからないだろう。それが私が求めている理由です。

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

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

http://jsfiddle.net/9rXaS/

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

クラス名による要素は、古いIE、afaikでは機能しません。もちろん、誰がそれを使用しますが、参考のためだけに、ライブコードには使用しないでください。 – Imp

+0

@良い点、http://www.quirksmode.org/dom/w3c_core.html#t11 – jbabey