HTML | Propiedad de contraseña de anclaje DOM

La propiedad Anchor password en HTML DOM se usa para establecer o devolver la parte de la contraseña del valor del atributo href . El usuario ingresa la parte de la contraseña en la URL y se especifica después del nombre de usuario y el nombre de host.
Por ejemplo: https://manaschh:manaschhabra499@www.geeksforgeeks.org/ (manaschh es el nombre de usuario y manaschhabra499 es la contraseña).

Sintaxis:

  • Devuelve la propiedad de contraseña de Anchor.
    anchorObject.password
  • Se utiliza para establecer la propiedad de contraseña de Anchor.
    anchorObject.password = password

Valores de propiedad: contiene una contraseña de valor único que especifica la parte de la contraseña de la URL.

Valor devuelto: Devuelve el valor de string que representa la parte de la contraseña de la URL.

Ejemplo 1: este ejemplo devuelve la propiedad Anchor password.

<!DOCTYPE html>
<html> 
  
<head> 
    <title> 
        HTML DOM Anchor Password Property 
    </title> 
</head> 
      
<body> 
    <center> 
        <h1>GeeksForGeeks</h1> 
          
        <h2>DOM Anchor Password Property</h2> 
          
        <p>Welcome to 
            <a href = 
"https://manaschh:manaschhabra499@www.geeksforgeeks.org/" 
            id="GFG"> 
                GeeksforGeeks 
            </a> 
        </p> 
          
        <button onclick = "myGeeks()">
            Submit
        </button> 
          
        <p id = "sudo" style="color:green;font-size:25px;"></p> 
          
        <!-- Script to return Anchor Password Property -->
        <script> 
            function myGeeks() { 
                var x = document.getElementById("GFG").password; 
                document.getElementById("sudo").innerHTML = x; 
            } 
        </script> 
    </center> 
</body> 
  
</html>                                               

Salida:
Antes de hacer clic en el botón:

Después de hacer clic en el botón:

Ejemplo 2: este ejemplo establece la propiedad Anchor Password.

<!DOCTYPE html>
<html> 
  
<head> 
    <title> 
        HTML DOM Anchor Password Property 
    </title> 
</head> 
      
<body> 
    <center> 
        <h1>GeeksForGeeks</h1> 
          
        <h2>DOM Anchor Password Property</h2> 
          
        <p>Welcome to 
            <a href = 
"https://manaschh:manaschhabra499@www.geeksforgeeks.org/" 
            id="GFG"> 
                GeeksforGeeks 
            </a> 
        </p> 
          
        <button onclick = "myGeeks()">
            Submit
        </button> 
          
        <p id = "sudo" style="color:green;font-size:25px;"></p> 
          
        <!-- Script to set Anchor Password Property -->
        <script> 
            function myGeeks() { 
                var x = document.getElementById("GFG").password
                        = "Password is changed now!"; 
                  
                document.getElementById("sudo").innerHTML = x; 
            } 
        </script>
    </center> 
</body> 
  
</html>                    

Salida:
Antes de hacer clic en el botón:

Después de hacer clic en el botón:

Navegadores compatibles: los navegadores compatibles con la propiedad DOM Anchor Password se enumeran a continuación:

  • Google Chrome
  • Firefox
  • Ópera

Publicación traducida automáticamente

Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *