El objeto de anclaje en HTML DOM se usa para representar el elemento <a>. Se puede acceder al elemento ancla utilizando el método getElementById().
Sintaxis:
document.getElementById("ID");
Donde se asigna ID a la etiqueta de anclaje.
Valores de propiedad:
- charset: se utiliza para establecer o devolver el conjunto de caracteres. No es compatible con HTML 5.
- descargar: se utiliza para establecer o devolver el enlace de destino para descargar cuando el usuario hace clic.
- hreflang: se utiliza para establecer o devolver el idioma del documento vinculado.
- media: Se utiliza para establecer o devolver los medios vinculados.
- coords: Se utiliza para establecer o devolver la coordenada de los enlaces.
- name: Se utiliza para establecer o devolver el nombre del ancla.
- rel: se utiliza para establecer o devolver la relación entre el documento actual y el documento vinculado.
- forma: se utiliza para establecer o devolver la forma del enlace.
- type: Se utiliza para establecer o devolver el tipo de enlaces.
- target: se utiliza para establecer o devolver el enlace de destino.
- rev: Se utiliza para establecer o devolver la relación entre el documento vinculado y el documento actual.
Ejemplo 1: este ejemplo describe el método getElementById() para acceder al elemento <a>.
<!DOCTYPE html>
<html>
<head>
<title>
HTML DOM Anchor Object
</title>
</head>
<body>
<center>
<h1>GeeksForGeeks</h1>
<h2>DOM Anchor Object</h2>
<p>Welcome to
<a href = "https://www.geeksforgeeks.org/" id="GFG">
GeeksforGeeks
</a>
</p>
<button onclick = "myGeeks()">Submit</button>
<p id = "sudo"></p>
<script>
function myGeeks() {
var x = document.getElementById("GFG").href;
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: el objeto ancla se puede crear utilizando el método document.createElement .
<!DOCTYPE html>
<html>
<head>
<title>
HTML DOM Anchor Object
</title>
</head>
<body>
<center>
<h1>GeeksForGeeks</h1>
<h2>DOM Anchor Object </h2>
<p id = "gfg">Welcome to </p>
<button onclick = "myGeeks()">
Submit
</button>
<!-- script to describe anchor object -->
<script>
function myGeeks() {
/* Create anchor tag */
var g = document.createElement("A");
var f = document.createTextNode("GeeksForGeeks");
g.setAttribute("href", "https://www.geeksforgeeks.org/");
g.appendChild(f);
document.getElementById("gfg").appendChild(g);
}
</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 DOM Anchor Object se enumeran a continuación:
- Google Chrome
- Firefox
- explorador de Internet
- Ó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