嘗試動態替換“ a href”中的url，但是javascript無法更新結果

Question

我正在嘗試使用javascript替換html中的url，但是它不能正常工作，盡管當我通過“更改”它們進行測試時，其值會正確彈出，但是當我發布它並單擊圖像時，新的url卻不起作用應用。 任何幫助將不勝感激

您能否看一下代碼，然后告訴我發生了什么？：

<script>
    var rutaBase = "assets/fotos/";

    function cambieFotos(cualFoto) {
        var listaFotos = ["360.jpg", "foto3.jpg", "mathura.jpg"];
        var numFotosLista = listaFotos.length;
        var foto1 = document.getElementById("foto1");
        var foto2 = document.getElementById("foto2");
        var foto3 = document.getElementById("foto3");

        for (i = 0; i < 3; i++) {
            var fotoAleatoria = listaFotos[Math.floor(Math.random() * numFotosLista)];
            var fotoRoll = document.getElementById("foto" + (i + 1));
            fotoRoll.src = "assets/fotos/" + fotoAleatoria;
            fotoRoll.href = "assets/fotos/" + fotoAleatoria; //this code is not working.

            var sacarFotoLista = listaFotos.indexOf(fotoAleatoria);
            listaFotos.splice(sacarFotoLista, 1);
            numFotosLista = listaFotos.length;
        }
    }
</script>
<div id="contenedor">
    <a href="#"><img id="foto1" onMouseOver="cambieFotos(this)" src="assets/fotos/360.jpg"></a> <--!this needs to update-->
    <a href="#"><img id="foto2" onMouseOver="cambieFotos(this)" src="assets/fotos/foto3.JPG"></a><--!this needs to update-->
    <a href="#"><img id="foto3" onMouseOver="cambieFotos(this)" src="assets/fotos/mathura.jpg"></a><--!this needs to update-->
</div>
<!--contenedor-->

Answer 1

fotoRoll是一個<img> ，而不是周圍的<a> 。 您應該改為修改父項：

fotoRoll.parentNode.href="assets/fotos/"+fotoAleatoria;

Answer 2

您是在image元素上設置href，而不是在超鏈接元素上設置。 嘗試類似

fotoRoll.parentNode.href="assets/fotos/"+fotoAleatoria;