El HTML | La propiedad href del vínculo DOM se utiliza para establecer o devolver la URL de un documento vinculado .
Sintaxis:
- Devuelve la propiedad href.
linkObject.href
- Se utiliza para establecer la propiedad href.
linkObject.href = URL
Valores de propiedad: contiene el valor, es decir, URL que especifica la URL del enlace.
- URL absoluta: Apunta a otro sitio web.
- URL relativa: apunta a un archivo dentro de un sitio web
Valor de retorno: Devuelve un valor de string que representa la URL del documento vinculado.
Ejemplo-1: Este ejemplo devuelve una propiedad href.
HTML
<!DOCTYPE html>
<html>
<head>
<link id="linkid"
rel="stylesheet"
type="text/css"
href="styles.css"
sizes="16*16"
hreflang="en-us">
</head>
<body style="text-align:center;">
<h1>GeeksForGeeks</h1>
<h2>DOM Link href Property</h2>
<button onclick="gfg()">Get URL
</button>
<p id="pid"
style="font-size:25px;
color:green;">
</p>
<script>
function gfg() {
// Access link element.
var NEW = document.getElementById(
"linkid").href;
document.getElementById(
"pid").innerHTML = NEW;
}
</script>
</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 href.
HTML
<!DOCTYPE html>
<html>
<head>
<link id="linkid"
rel="stylesheet"
type="text/css"
href="styles.css"
sizes="16*16"
hreflang="en-us">
</head>
<body style="text-align:center;">
<h1>GeeksForGeeks</h1>
<h2>DOM Link href Property</h2>
<button onclick="gfg()">Get URL
</button>
<p id="pid"
style="font-size:25px;
color:green;">
</p>
<script>
function gfg() {
// Access link element.
var NEW = document.getElementById(
"linkid").href = "style3.css";
document.getElementById(
"pid").innerHTML =
"The value of the href attribute"+
" was changed to " + NEW;
}
</script>
</body>
</html>
Salida: antes de hacer clic en el botón:
Después de hacer clic en el botón:
Navegadores compatibles:
- Google Chrome
- Mozilla Firefox
- Borde
- Safari
- Ó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