Atributo href de Anchor

Objeto Anchor del DOM de HTML

Definición y uso

href Atributo configurar o devolver el enlace Valor del atributo href.

href El atributo define el destino del enlace.

Ejemplo

Ejemplo 1

Cambiar el destino del enlace (URL):

document.getElementById("myAnchor").href = "https://www.codew3c.com/";

Prueba personal

Ejemplo 2

Obtener la URL del enlace:

var x = document.getElementById("myAnchor").href;

Prueba personal

Ejemplo 3

Otro ejemplo de cómo obtener la URL del enlace (URL relativo):

var x = document.getElementById("myAnchor").href;

Prueba personal

Sintaxis

Devolver el atributo href:

anchorObject.href

Configurar el atributo href:

anchorObject.href = URL

Valor de atributo

Valor Descripción
URL

URL definida para el enlace.

Valores posibles:

  • URL absoluto - apunta a otro sitio web (por ejemplo, href="http://www.example.com/index.htm")
  • URL relativo - apunta a un archivo dentro del sitio web (por ejemplo, href="index.htm")
  • URL de ancla - se refiere a un ancla en la página (por ejemplo, href="#top"))

Detalles técnicos

Valor devuelto: Valor de cadena que representa la URL del enlace. Devuelve toda la URL, incluyendo el protocolo (por ejemplo, http://).

Compatibilidad del navegador

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Soporte Soporte Soporte Soporte Soporte

Páginas relacionadas

Manual de referencia de HTML:Valor del atributo href de la etiqueta <a> de HTML

Objeto Anchor del DOM de HTML