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

我的html页面中有以下内容：

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

它返回null或未定义。我哪里出了问题？我该如何解决

jshiddle:

试试看

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

As返回具有给定标记名的元素的HTMLCollection

---

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

---

getElementsByTagName返回元素数组

问题是只有

文档

元素具有函数

getElementsByTagName

。 所有其他HTML元素都没有它

您可以像这样使用

querySelector

：

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

---

getElementsByTagName（“a”）[0]

？

getElementsByTagName（“a”）

返回hmtml文档中的

a

标记列表。这需要迭代哦，愚蠢的错误，我怎么能弄明白这一点：（谢谢，任何可以包含子元素的元素节点都能够实现

getElementsByTagName（）

方法；

querySelector（）

返回与选择器匹配的单个元素节点（第一个，也是唯一的第一个）节点。

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