Question

我正在网站上工作，我正在尝试创建的图片页面有一张大图片，下方有较小的缩略图。我脑子里有一个javascript函数：

function loadThumbnail(divID){ document.getElementById("mainPicture").src = document.getElementById(divID).src; document.getElementById("mainPicture").alt = document.getElementById(divId).alt; document.getElementById("caption").innerHTML = document.getElementById(divId).alt; }

参数divID是一个误导性标题，它实际上是包含缩略图的img元素的ID。只要用户单击缩略图，就会调用该函数。 .src位工作，但我无法获得更改图片标题的功能。知道为什么吗？

编辑：这是HTML

<img id="mainPicture" src="images/food/chickenAndCheeseFries1.png" width="420" height="313" alt="Chicken Tenders and Cheese Fries">

<p id="caption">Chicken tenders and cheese fries</p>

<div onClick="loadThumbnail('t1')" id="thumbnail1" class="thumbnail">
                                <div id="thumbnailPic1" class="thumbnailPic">
                                    <img id="t1" src="images/food/buffaloAndHotWings1.png" width="105" height="80" alt="Sweet Chilly and Buffalo Wings">
                                </div>
                            </div>

Answer 1

确保一致地使用divID变量，包括大小写。看起来你打错了并使用了＃div; divId＆＃34;，它不会起作用。在所有情况下都试试这样，＆＃34; divID＆＃34;。

＆＃13;

function loadThumbnail(divID) {
  document.getElementById("mainPicture").src = document.getElementById(divID).src;
  document.getElementById("mainPicture").alt = document.getElementById(divID).alt;
  document.getElementById("caption").innerHTML = document.getElementById(divID).alt;
}

＆＃13;

案件很重要！ divID != divId

将元素属性分配给其他元素的innerhtml。使用Javascript / HTML

1 个答案: