尝试从“a href”动态替换 url，但 javascript 未更新结果答案

【问题标题】：trying to dynamically replace the url from "a href" but javascript is not updating results尝试从“a href”动态替换 url，但 javascript 未更新结果
【发布时间】：2014-08-26 11:52:21
【问题描述】：

我正在尝试使用 javascript 替换 html 中的 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-->

【问题讨论】：

标签： javascript html url href

【解决方案1】：

fotoRoll 是<img>，而不是周围的<a>。您应该改为修改父级：

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

【讨论】：

【解决方案2】：

您在图像元素上设置 href，而不是超链接元素。尝试类似

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

【讨论】：

@irrelephant 先到了