HTML | Propiedad de texto de anclaje DOM

La propiedad Anchor text en HTML DOM se usa para establecer o devolver el contenido de texto de un enlace.

Sintaxis:

  • Devuelve la propiedad Anchor text.
    anchorObject.text
  • Se utiliza para establecer la propiedad de texto de anclaje.
    anchorObject.text = sometext

Valores de propiedad: contiene un valor único sometext que especifica el contenido de texto del campo de enlace.

Valor devuelto: Devuelve un valor de string que representa el contenido de texto del enlace.

Ejemplo 1: este ejemplo devuelve la propiedad del texto de anclaje.

<!DOCTYPE html> 
<html> 
  
<head> 
    <title> 
        HTML DOM Anchor text Property 
    </title> 
</head> 
      
<body> 
    <center> 
        <h1>GeeksForGeeks</h1> 
          
        <h2>DOM Anchor text Property</h2> 
          
        <p>Welcome to 
            <a href = 
"https://manaschhabra: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 text Property -->
        <script> 
            function myGeeks() { 
                var x = document.getElementById("GFG").text; 
                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 del texto de anclaje.

<!DOCTYPE html> 
<html> 
  
<head> 
    <title> 
        HTML DOM Anchor text Property 
    </title> 
</head> 
      
<body> 
    <center> 
        <h1>GeeksForGeeks</h1> 
          
        <h2>DOM Anchor text Property</h2> 
          
        <p>Welcome to 
            <a href = 
"https://manaschhabra: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 text Property -->
        <script> 
            function myGeeks() { 
                var x = document.getElementById("GFG").text
                        = "GFG"; 
                document.getElementById("sudo").innerHTML
                        = "The text was changed to " + 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 text se enumeran a continuación:

  • Google Chrome
  • Internet Explorer 10.0 +
  • Firefox
  • Ópera
  • Safari

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 *