Open In App

HTML DOM Anchor Text Property

Improve
Improve
Like Article
Like
Save
Share
Report

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
        <a href="https://www.geeksforgeeks.org/"
            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:

anchor-text

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
        <a href="https://www.geeksforgeeks.org/"
            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:

anchor-text-2

Supported Browsers:

  • Google Chrome
  • Internet Explorer 10.0 +
  • Firefox
  • Opera
  • Safari


Last Updated : 02 Jan, 2024
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads