Open In App
Related Articles

HTML DOM Anchor type Property

Improve
Improve
Improve
Like Article
Like
Save Article
Save
Report issue
Report

The Anchor type Property in HTML DOM is used to set or return the value of the type attribute of a Link. The type attribute is used to specify the MIME type of the target URL and it is usually purely advisory.

Syntax:

  • It returns the Anchor type Property.
    anchorObject.type 
  • It is used to set the Anchor type Property.
    anchorObject.type = MIME-type 

Property Values: It contains single value MIME-type which is used to specify the target URL.

Return Values: It returns a string value which represents the MIME type of the linked Document.

Example 1: This example returns the anchor type Property.

html

<!DOCTYPE html>
<html>
 
<head>
    <title>
        HTML DOM Anchor type Property
    </title>
</head>
 
<body style="text-align: center;">
    <h1>GeeksforGeeks</h1>
 
    <h2>DOM Anchor type Property</h2>
 
    <p>Welcome to
        <a href="https://www.geeksforgeeks.org/"
            id="GFG" type="text/html">
            GeeksforGeeks
        </a>
    </p>
 
    <button onclick="myGeeks()">
        Submit
    </button>
 
    <p id="sudo"></p>
 
    <!-- Script to return Anchor type Property -->
    <script>
        function myGeeks() {
            let x = document.getElementById("GFG").type;
            document.getElementById("sudo").innerHTML = x;
        }
    </script>
</body>
 
</html>

                    

Output:

anchor-type

Example 2: This example sets the anchor type Property.

html

<!DOCTYPE html>
<html>
 
<head>
    <title>
        HTML DOM Anchor type Property
    </title>
</head>
 
<body style="text-align: center;">
    <h1>GeeksforGeeks</h1>
 
    <h2>DOM Anchor type 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 type Property -->
    <script>
        function myGeeks() {
            let x = document.getElementById("GFG")
                .type = "text/html";
 
            document.getElementById("sudo").innerHTML
                = "type attribute added to" + x;
        }
    </script>
</body>
 
</html>

                    

Output:

anchor-type-2

Supported Browsers:

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

Whether you're preparing for your first job interview or aiming to upskill in this ever-evolving tech landscape, GeeksforGeeks Courses are your key to success. We provide top-quality content at affordable prices, all geared towards accelerating your growth in a time-bound manner. Join the millions we've already empowered, and we're here to do the same for you. Don't miss out - check it out now!


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