将元素属性指定给其他元素'；s innerhtml。Javascript/HTML

我在一个网站上工作，我试图创建的图片页面有一个大图片，下面有较小的缩略图。我头脑中有一个javascript函数：

函数加载缩略图（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”

函数加载缩略图（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；
}

您是否尝试过

.getAttribute（“alt”）

而不是

.alt

？我刚刚尝试过，没有luckAt，您使用的第一行是

divID

，另一行是

divID

，它是

未定义的，因此导致了一个错误。正是这样！天哪，我觉得自己有点傻。真不敢相信，我的脑子里突然闪过。也许我应该改用一种不太容易出现这种错误的命名约定。非常感谢！每个人都会这样。现在你知道怎么找了。这听起来可能有点懒惰，但是如果您有一些名称给您带来了问题，那么仔细使用复制/粘贴可以避免这个问题。