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

Question

I have this in my html page:

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

I'm trying to get the content of tag 'a' ("LinkTitle"), inside a javascript variable.

This was my approach:

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

And it returns null or undefined. Where did I go wrong and how could I fix this?

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

Answer 1

Try

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

As document.getElementsByTagName() returns an HTMLCollection of elements with the given tag name

Demo

Answer 2

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

getElementsByTagName returns array of elements

Answer 3

The problem is that only the document element has the function getElementsByTagName . All the other HTML elements do not have it.

You could use the querySelector like this:

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