La propiedad href base de DOM en HTML DOM se usa para establecer o devolver el valor del atributo href de un elemento <base> . El atributo href se usa para especificar la URL base para todas las URL relativas en la página web.
Sintaxis:
- Devuelve la propiedad href.
baseObject.href
- Se utiliza para establecer la propiedad href.
baseObject.href = URL
- Google Chrome
- Internet Explorer 10.0 +
- Firefox
- Ópera
- Safari
Valores de propiedad: contiene el valor, es decir, URL que especifica la URL base de una página web.
Valor devuelto: Devuelve un valor de string que representa la URL base de la página web, incluido el nombre del protocolo.
Ejemplo: Este ejemplo devuelve la propiedad href.
<!DOCTYPE html><html> <head> <base id="Geek_Base" <title> HTML | DOM Base href Property </title></head> <body style="text-align:center;"> <h1 style="color:green;"> GeeksForGeeks </h1> <h2> HTML | DOM Base href Property </h2> <button onclick="myGeeks()"> Click </button> <h4><p id="Geek_p" style="color:green; font-size:24px;"> </p> </h4> <script> function myGeeks() { // returninh the href Propertyt. var x = document.getElementById( "Geek_Base").href; document.getElementById( "Geek_p").innerHTML = x; } </script></body> </html> |
Producción:
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.
<!DOCTYPE html><html> <head> <base id="Geek_Base" <title> HTML | DOM Base href Property </title></head> <body style="text-align:center;"> <h1 style="color:green;"> GeeksForGeeks </h1> <h2> HTML | DOM Base href Property </h2> <button onclick="myGeeks()"> Click </button> <h4><p id="Geek_p" style="color:green; font-size:24px;"> </p> </h4> <script> function myGeeks() { // returninh the href Propertyt. var x = document.getElementById( "Geek_Base").href = "https://www.finecomb.com/"; document.getElementById( "Geek_p").innerHTML = "the value of the href attribute was changed to " + x; } </script></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 href base de DOM se enumeran a continuación:
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA