从javascript中的另一个html元素获取元素内容

Question

我的html页面中有这个：

<div id="myDiv">
    <a href="www">
        LinkTitle
    </a>
</div>

我正在尝试在javascript变量中获取标记'a'（“LinkTitle”）的内容。

这是我的方法：

var myDiv = document.getElementById("myDiv");
var linkTitle = myDiv.getElementsByTagName("a").innerHTML;
alert(linkTitle);

它返回null或undefined。我哪里出错了，怎么能解决这个问题？

Jsfiddle：http://jsfiddle.net/NtV7T/

Answer 1

尝试

var linkTitle = myDiv.getElementsByTagName("a")[0].innerHTML;

由于document.getElementsByTagName()返回具有给定标记名称

的元素的HTMLCollection

Demo

Answer 2

var linkTitle = myDiv.getElementsByTagName（“a”）[0] .innerHTML;

getElementsByTagName返回元素数组

Answer 3

问题是只有document元素具有函数getElementsByTagName。 所有其他HTML元素都没有。

您可以像这样使用querySelector：

var myDiv = document.getElementById("myDiv");
var linkTitle = myDiv.querySelector("a")[0].innerHTML;
alert(linkTitle);