HTML DOM Anchor Password Property

The HTML DOM Anchor password property set or return the password part of the href attribute value. The password part is entered by the user. If you want to display it, then it can be seen after the username and before the hostname i.e. https −//username −[email protected].

Following is the syntax to set the password property −

anchorObj.password = password

Following is the syntax to return the password property −

anchorObj.password

Let us now see an example to implement the DOM Anchor password property −

Example

 Live Demo

<!DOCTYPE html>
<html>
<body>
<h1>Company</h1>
<p><a id="mylink" hreflang="en" href="https −//amit −[email protected]">Products</a></p>
<h2 id="myid"></h2>
<button onclick="display()">Display password</button>
<button onclick="display2()">Display origin</button>
<button onclick="display3()">Display hreflang</button>
<script>
   function display() {
      var a = document.getElementById("mylink").password;
      document.getElementById("myid").innerHTML = a;
   }
   function display2() {
      var a = document.getElementById("mylink").origin;
      document.getElementById("myid").innerHTML = a;
   }
   function display3() {
      var a = document.getElementById("mylink").hreflang;
      document.getElementById("myid").innerHTML = a;
   }
</script>
</body>
</html>

Output

Click on the “Display password” button above to display the password −

Updated on: 2019-07-30T22:30:26+05:30

112 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements