将元素属性分配给另一个元素的innerhtml。Javascript / HTML

debugcn 发表于 Dev

罗素·安东尼·卡佩内拉（Russell Anthony Carpenella）

我正在一个网站上工作，要创建的图片页面有1张大图片，下面有较小的缩略图。我的头中有一个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>

超现实的梦想

确保divID变量使用一致，包括大小写。您好像打错了字样并使用了“ divId”，但无法使用。在所有情况下，都请尝试这样的“ divID”。

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 != divId

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。