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