用于获取链接文本的 Javascript

Question

我的 HTML 如下所示：

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

问题是如何获取文本“获取此文本”

像这样的东西，但获取包含在p和a标签中的文本：

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

Answer 1

您可以p在myName1元素中搜索第一个，然后在其中搜索第一个a。

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>