我正在开发一个网站,我尝试创建的图片页面有 1 张大图片,下面有较小的缩略图。我的头部有一个 javascript 函数:
函数loadThumbnail(divID){
document.getElementById("mainPicture").src = document.getElementById(divID).src;
document.getElementById("mainPicture").alt = document.getElementById(divId).alt;
document.getElementById("标题").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
关于javascript - 将元素属性分配给其他元素的innerhtml。 JavaScript/HTML,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29001024/