获取链接文本的Javascript

我的HTML如下所示：

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

---

只需使用

document.getElementById（'anchorID'）.text

；假设锚点id为

anchorID

。

text

属性设置或返回链接的文本内容

编辑1：如果无法添加ID，则需要通过转到document.getElementByID，然后使用

文档到达元素。getElementsByTagName

var myAnchor=document.getElementById（“myName1”）.getElementsByTagName（'p'）[0].getElementsByTagName（'a'）[0]；
log（myAnchor.text）



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

编辑1：如果无法添加ID，则需要通过转到document.getElementByID，然后使用
文档到达元素。getElementsByTagName


var myAnchor=document.getElementById（“myName1”）.getElementsByTagName（'p'）[0].getElementsByTagName（'a'）[0]；
log（myAnchor.text）



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


var e=document.getElementById（'myName1'）。
getElementsByTagName（'p'）[0]。
getElementsByTagName（'a'）[0]；
var theText=e.innerHTML；
console.log（文本）；
//或者，在足够现代的浏览器中
e=document.querySelector（“#myName1 p a”）；
theText=e.innerHTML；
console.log（文本）



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


var e=document.getElementById（'myName1'）。
getElementsByTagName（'p'）[0]。
getElementsByTagName（'a'）[0]；
var theText=e.innerHTML；
console.log（文本）；
//或者，在足够现代的浏览器中
e=document.querySelector（“#myName1 p a”）；
theText=e.innerHTML；
console.log（文本）



检查此代码，您可以使用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>


函数gettext（）
{
return document.getElementById（'link'）.innerHTML；
}


警报（gettext（））；
检查此代码，您可以使用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>


函数gettext（）
{
return document.getElementById（'link'）.innerHTML；
}


警报（gettext（））；
尝试在函数中添加以下内容：

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

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

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

可以使用标记元素方法获得get元素，但是它返回一个结果数组，因此您必须考虑到，在您的示例中，这是工作的…


var a=document.getElementById（'myName1'）；
log（a.getElementsByTagName（'p'）[0].getElementsByTagName（'a'）[0].innerHTML）



可以使用标签元素名称的get元素，但是它返回一个结果数组，所以你必须考虑到，在你的例子中，这是工作的…


var a=document.getElementById（'myName1'）；
log（a.getElementsByTagName（'p'）[0].getElementsByTagName（'a'）[0].innerHTML）



或者如果您正在使用JQuery
$（“#我的名字1 p a”）.text（）
或者如果您正在使用JQuery
$（“#我的名字1 p a”）.text（）
非常相似，问题是
a
标记上没有
id
，我无法添加。在这种情况下，您可以使用
文档.getElementById（“myName1”）.getElementsByTagName（'p'）[0]。getElementsByTagName（'a'）[0]
获取所有锚元素，然后获取第一个元素（假设您只有一个锚定标记）。更新了帖子。问题是
a
标记上没有
id
，我无法添加。在这种情况下，您可以使用
文档.getElementById（“myName1”）.getElementsByTagName（'p'）[0]。getElementsByTagName（'a'）[0]
获取所有锚定元素，然后获取第一个元素（假设你只有一个锚定标签）。更新了帖子。在这种情况下，他甚至不需要搜索第一个
p
。不，但问题指定了“包装在p和a标签中的文本”，因此我们必须选择一个
p
元素进行搜索。在这种情况下，他甚至不需要搜索第一个
p
。不，但问题指定了“包装在p和a标记中的文本”，因此我们必须选择一个
p
元素进行搜索。