使用javascript更新html中的照片 /--------------javascript代码------------------ var计数器=0； var myImage=document.getElementById（“新代码”）； var photos=[“Face1.jpg”、“Face2.jpg”、“Face3.jpg”、“Face4.jpg”， “Face5.png”、“Face6.png”、“Face7.png”]； 函数changeImage（）{ setAttribute（“src”，photos[counter]）； 控制台日志（计数器）； 计数器++； 如果（计数器>=照片长度） 计数器=0； } 设置间隔（changeImage，1000）； //----------------HTML代码的一部分--------------------

我是javascript新手，尝试创建代码，将网页上显示的图像与根文件夹上的其他图像一起旋转。问题是，我的javascript代码不会与其他代码一起更改图像，只会显示硬编码到html中的图像“Face6.jpg”。 我已经检查，两个文件（index.html和javascipt文件）都链接正确，数组的图片在根文件夹中的正确位置（拼写正确）。

---

任何想法：（

在标记中，ID为“newCode”的元素不是图像，而是包含图像的跨度

为图像元素设置一个ID，并改用该ID：

//--------------------javascript code------------------
var counter = 0;
var myImage = document.getElementById("newCode");
var photos = ["Face1.jpg", "Face2.jpg", "Face3.jpg", "Face4.jpg",
          "Face5.png", "Face6.png", "Face7.png"];

function changeImage () {
myImage.setAttribute("src", photos[counter]);
console.log(counter);
counter++;
if (counter >= photos.length)
    counter = 0;
}

setInterval(changeImage, 1000);

//----------------portion of HTML code--------------------
<span id="newCode">
        <img src="Face6.png" alt="Happy Face">
</span>

这对我很有用：

var计数器=0；
var myImage=document.getElementById（“newCode”）.querySelector（“img”）；
var照片=[
“Face1.jpg”，
“Face2.jpg”，
“Face3.jpg”，
“Face4.jpg”，
“Face5.png”，
“Face6.png”，
“Face7.png”
];
函数changeImage（）{
setAttribute（“src”，photos[counter]）；
控制台日志（计数器）；
计数器++；
如果（计数器>=照片长度）{
计数器=0；
}
}
设置间隔（changeImage，1000）；

---

使用这行javascript，您将获得

：

然后尝试在其上设置src属性：

var myImage = document.getElementById("newCode");

但实际上您正在查找图像。您可以做的是将

id=“newCode”

移动到：

例如：

var计数器=0；
var myImage=document.getElementById（“新代码”）；
var photos=[“Face1.jpg”、“Face2.jpg”、“Face3.jpg”、“Face4.jpg”，
“Face5.png”、“Face6.png”、“Face7.png”]；
函数changeImage（）{
setAttribute（“src”，photos[counter]）；
计数器++；
如果（计数器>=照片长度）
计数器=0；
}
设置间隔（changeImage，1000）；

您选择的是

而不是

。要选择内部

，请使用：

myImage.setAttribute("src", photos[counter]);

---

看看这些行：

var myImage=document.getElementById（“newCode”）；

和

myImage.setAttribute（“src”，photos[counter]）；

…您应该影响

img

，而不是

span

。

myImage.setAttribute("src", photos[counter]);

var myImage=document.getElementById("newCode").getElementsByTagName("img")[0];