Javascript to get link text

Question

My HTML looks like this:

<div class="col-md-2" id="myName1">
  <p>
    <a href="/something/121212">Get This Text</a>
  </p>
</div>

The question is how do I get the text "Get this Text"

Something like this, but getting that text which is wrapped in the p and a tags:

function () {
  return document.getElementById('TextID');
}

Answer 1

You can search for the first p inside your myName1 element, then the first a within that.

var e = document.getElementById('myName1').
        getElementsByTagName('p')[0].
        getElementsByTagName('a')[0];

var theText = e.innerHTML;

console.log(theText);

// or, in sufficiently-modern browsers

e = document.querySelector('#myName1 p a');
theText = e.innerHTML;

console.log( theText );

<div class="col-md-2" id="myName1">
<p>
<a href="/something/121212">Get This Text</a>
</p>
</div>

Answer 2

Try adding the following in your function:

return document.querySelector('#myName1 p a').innerHTML