获取div中的链接文本

时间:2012-05-10 17:30:42

标签: javascript html

我目前有一个href,我想从中提取文字。不幸的是,我无法访问代码,而我必须使用的有限代码如下:

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

我更喜欢使用JavaScript来获取此信息。什么是引用'TEXT'的最佳方式?我使用getElementByIdgetElementsByClassName尝试了几种方法,但每种方法都被证明是不成功的。谢谢!

4 个答案:

答案 0 :(得分:6)

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

Live DEMO

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

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

答案 1 :(得分:0)

你能使用jQuery吗?

这将是

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

我不确定在普通的javascript中。这就是我要问的原因。

答案 2 :(得分:0)

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

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

答案 3 :(得分:0)

假设您无法修改HTML:

http://jsfiddle.net/9rXaS/

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