Question

我的HTML看起来像这样：

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

问题是如何获取文本＆＃34;获取此文本＆＃34;

类似这样的内容，但获取包含在p和a标记中的文字：

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

Answer 1

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

＆＃13;

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 );

＆＃13;

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

＆＃13;

Answer 2

尝试在您的函数中添加以下内容：

Request

Answer 3

只需使用document.getElementById('anchorID').text;假设锚的id为anchorID。 text属性设置或返回链接的文本内容。

编辑1 ：如果您无法添加ID，则需要通过转到document.getElementByID获取长路径，然后使用document.getElementsByTagName <到达该元素/ p>

＆＃13;

  var myAnchor = document.getElementById("myName1").getElementsByTagName('p')[0].getElementsByTagName('a')[0];
  console.log(myAnchor.text);

＆＃13;

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

＆＃13;

Answer 4

你可以通过标签名称方法使用get元素，但它会返回一个结果数组，所以你必须考虑到这一点，在你的例子中，这是有用的......

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

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

Answer 5

检查此代码，您可以使用 innerHtml 属性

<script>
function gettext()
{
    return document.getElementById('link').innerHTML;
}

</script>
 <div class="col-md-2" id="myName1">
<p>
<a href="/something/121212" id="link">Get This Text</a>
</p>
</div>
<script>
alert(gettext());
</script>

Answer 6

或者如果您使用的是JQuery $("#myName1 p a").text();

Javascript获取链接文本

6 个答案: