Para Cambiar el enlace de un href, lo que haremos sera aceeder al elemento por medio de document.getElementById(«mi_elemento»), y una vez que tenemos el elemento, con .href accdedemos al enlace, con lo cual la sentencia completa seria document.getElementById(«mi_elemento»).href = «nuevo_enlace».
Tambien podemos cambiar el target del enlace, es decir, el modo de abrir la el enlace con document.getElementById(«mi_elemento»).target = «_blank».
| valor | acción |
| _blank | Lo abre en una ventana nueva |
| _self | Para abrirla en la misma ventana, si no ponemos target, este es de de por defecto. |
| _parent | la abre en la ventana padre en la que estamos. |
| _top | Abre eleminando todos los frames que pueda haber el la ventana. |
| «nombre» | Nos abre en una ventana con ese nombre, si abrimos otra y el target es el mismo, nos lo abre en esa misma ventana |
<script>
function cambia_enlace(){
var elemento = document.getElementById("enlace");
elemento.innerHTML = 'Enlace a Briored - Javascript';
elemento.href = "https://www.briored.com/category/javascript/"
}
function cambia_target(){
var elemento = document.getElementById("enlace");
elemento.innerHTML += ' - en ventana nueva';
elemento.target = "_blank"
}
</script>
<div id="botones">
<input type="button" onclick="javascript:cambia_enlace();" value="Cambia enlace" />
<input type="button" onclick="javascript:cambia_target();" value="cambia target" />
</div>
<div id="capa">
<a id="enlace" href="https://www.briored.com">Enlace a Briored</a>
</div>
