Computer >> Máy Tính >  >> Lập trình >> HTML

Thuộc tính mật khẩu HTML DOM Anchor

Thuộc tính mật khẩu HTML DOM Anchor đặt hoặc trả lại phần mật khẩu của giá trị thuộc tính href. Phần mật khẩu do người dùng nhập. Nếu bạn muốn hiển thị nó, thì nó có thể được nhìn thấy sau tên người dùng và trước tên máy chủ, tức là https - // tên người dùng −password@www.demo.com.

Sau đây là cú pháp để đặt thuộc tính mật khẩu -

anchorObj.password = password

Sau đây là cú pháp để trả về thuộc tính mật khẩu -

anchorObj.password

Bây giờ chúng ta hãy xem một ví dụ để triển khai thuộc tính mật khẩu DOM Anchor -

Ví dụ

<!DOCTYPE html>
<html>
<body>
<h1>Company</h1>
<p><a id="mylink" hreflang="en" href="https −//amit −mypwd123@www.abc.com">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>

Đầu ra

Thuộc tính mật khẩu HTML DOM Anchor

Nhấp vào nút “Hiển thị mật khẩu” ở trên để hiển thị mật khẩu -

Thuộc tính mật khẩu HTML DOM Anchor