The Anchor text Property in HTML DOM is used to set or return the text content of a link.
Syntax:
-
It returns the Anchor text property.
anchorObject.text -
It is used to set the Anchor text property.
anchorObject.text = sometext
Property Values: It contains single value sometext which specifies the text content of the link field.
Return Value: It returns a string value which represents the text content of the link.
Example 1: This example returns the anchor text Property.
html
<!DOCTYPE html><html>
<head>
<title>
HTML DOM Anchor text Property
</title>
</head>
<body style="text-align: center;">
<h1>GeeksforGeeks</h1>
<h2>DOM Anchor text Property</h2>
<p>Welcome to
id="GFG">
GeeksforGeeks Offical Website
</a>
</p>
<button onclick="myGeeks()">
Submit
</button>
<p id="sudo"></p>
<!-- Script to return Anchor text Property -->
<script>
function myGeeks() {
let x = document.getElementById("GFG").text;
document.getElementById("sudo").innerHTML = x;
}
</script>
</body>
</html>
|
Output:
Example 2: This example sets the anchor text Property.
html
<!DOCTYPE html><html>
<head>
<title>
HTML DOM Anchor text Property
</title>
</head>
<body style="text-align: center;">
<h1>GeeksforGeeks</h1>
<h2>DOM Anchor text Property</h2>
<p>Welcome to
id="GFG">
GeeksforGeeks
</a>
</p>
<button onclick="myGeeks()">
Submit
</button>
<p id="sudo"></p>
<!-- Script to set Anchor text Property -->
<script>
function myGeeks() {
let x = document.getElementById("GFG").text
= "GeeksforGeeks Official Website";
document.getElementById("sudo").innerHTML
= "The text was changed to " + x;
}
</script>
</body>
</html>
|
Output:
Supported Browsers:
- Google Chrome
- Internet Explorer 10.0 +
- Firefox
- Opera
- Safari