EN
JavaScript - get link text (or content)
0
points
In this article, we would like to show you how to get link text using JavaScript.
Quick solution:
// ONLINE-RUNNER:browser;
<a id="link" href="https://some-domain.com">Some domain</a>
<script>
var link = document.querySelector('#link');
console.log(link.text); // available only in Anchor HTML Element (<a> element)
console.log(link.innerText); // available for each HTML Element (Element extends Node)
console.log(link.innerHTML); // available for each HTML Element (Element extends Node)
console.log(link.textContent); // available for each Node
</script>
Practical example
In this example, we use four different methods to get the text from the a element.
// ONLINE-RUNNER:browser;
<!DOCTYPE html>
<html>
<body>
<a id="link" href="https://some-domain.com">Some domain</a>
<script>
var link = document.querySelector('#link');
console.log(link.text); // available only in Anchor HTML Element (<a> element)
console.log(link.innerText); // available for each HTML Element (Element extends Node)
console.log(link.innerHTML); // available for each HTML Element (Element extends Node)
console.log(link.textContent); // available for each Node
</script>
</body>
</html>
Output:
Some domain
Some domain
Some domain
Some domain