Open In App
Related Articles

HTML | DOM Anchor port Property

Improve Article
Improve
Save Article
Save
Like Article
Like

The DOM Anchor port Property in HTML DOM is used to set or return the port part of the href attribute value. It has a default value 80 or 443. If the port number is not specified in the URL them some browsers will return 0 or undefined.

Syntax:

  • It returns the port property.
    anchorObject.port
  • It is used to set the port property.
    anchorObject.port = number

Property Values: It contains the value i.e number which defines the port number of the URL.

Return Value: It returns a string value which represents the port number of the URL.

Example-1: This Example returns the port number of the URL.




<!DOCTYPE html>
<html>
  
<head>
    <title>
        HTML DOM Anchor port Property
    </title>
</head>
  
<body>
    <center>
        <h1>
          GeeksForGeeks
      </h1>
  
        <h2>
          DOM Anchor port Property
      </h2>
  
        <p>
          Welcome to <a href=
          "http://example.com:12345/gfg');" 
                        id="GFG" 
                        rel="nofollow"
                        target="_self"
                GeeksforGeeks 
            </a>
        </p>
  
        <button onclick="myGeeks()">
          Submit
      </button>
  
        <p id="sudo" 
           style="color:green;
                  font-size:25px;">
      </p>
  
        <script>
            function myGeeks() {
                
                var x = 
                    document.getElementById(
                      "GFG").port;
                
                document.getElementById(
                  "sudo").innerHTML = x;
            }
        </script
    </center>
</body>
  
</html>


Output:
Before Clicking On Button:

After Clicking On Button:

Example-2: This Example sets or change the port number of the URL.




<!DOCTYPE html>
<html>
  
<head>
    <title>
        HTML DOM Anchor port Property
    </title>
</head>
  
<body>
    <center>
        <h1>
          GeeksForGeeks
      </h1>
  
        <h2>
          DOM Anchor port Property
      </h2>
  
        <p>Welcome to <a href=
                         "http://example.com:12345/gfg');"
                         id="GFG" 
                         rel="nofollow" 
                         target="_self"
                GeeksforGeeks 
            </a>
        </p>
  
        <button onclick="myGeeks()">
          Submit
      </button>
  
        <p id="sudo" 
           style="color:green;
                  font-size:25px;">
      </p>
  
        <script>
            function myGeeks() {
                
                var x =
                    document.getElementById(
                      "GFG").port = "443";
                
                document.getElementById(
                  "sudo").innerHTML = 
                  "The port number was changed to " + x;
            }
        </script> "
    </center>
</body>
  
</html>


Output:

Before Clicking On Button:

After Clicking On Button:

Supported Browsers: The browser supported by DOM Anchor Port property are listed below:

  • Google Chrome
  • Internet Explorer 10.0 +
  • 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 : 23 Oct, 2019
Like Article
Save Article
Similar Reads
Related Tutorials