Javascript 如何获取图像src作为变量并显示来自数组的图像？

我目前正在创建一个图像库来提高我的技能

我有一个数组，它由一个名为“images”的文件夹中的图像组成

我的HTML页面上有一个id为“imgsrc”的图像，源代码为空，因此它没有显示任何内容。我希望能够访问“images”文件夹中的第一个图像，并使用Javascript将其显示为图像的源

以下是我试图做的：

var images = ['images/1.jpg', 'images/2.jpg', 'images/3.jpg', 'images/4.jpg', 'images/5.jpg', 'images/6.jpg','images/7.jpg', 'images/8.jpg', 'images/9.jpg'];

var imgsrc = document.getElementById('imgsrc').src;

var index = 0;

imgsrc = images[index];

这是我的HTML：

<section class="gallery">

  <img id='imgsrc' src="">

</section>

我该怎么办

我感谢所有的答复

var images = ['images/1.jpg', 'images/2.jpg', 'images/3.jpg', 'images/4.jpg', 'images/5.jpg', 'images/6.jpg','images/7.jpg', 'images/8.jpg', 'images/9.jpg'];

var imgsrc = document.getElementById('imgsrc');

var index = 0;

imgsrc.setAttribute('src',images[index]);

---

尝试使用

setAttribute（）

问题在于

imgsrc

存储字符串值，而不是对图像src的引用。直接编辑：

var images=['images/1.jpg'、'images/2.jpg'、'images/3.jpg'、'images/4.jpg'、'images/5.jpg'、'images/6.jpg'、'images/7.jpg'、'images/8.jpg'、'images/9.jpg'；
var指数=0；
log（document.getElementById（'imgsrc'）.src）；
document.getElementById（'imgsrc'）.src=images[index]；
log（document.getElementById（'imgsrc'）.src）
使用最小代码



JavaScript数组
var images=['http://i65.tinypic.com/zl2rfr.jpg“，”images/2.jpg“，”images/3.jpg“，”images/4.jpg“，”images/5.jpg“，”images/6.jpg“，”images/7.jpg“，”images/8.jpg“，”images/9.jpg“]；
var指数=0；
document.getElementById（“imgsrc”）.src=images[index]；
获取元素，然后设置其src

var images = ['images/1.jpg', 'images/2.jpg', 'images/3.jpg', 'images/4.jpg', 'images/5.jpg', 'images/6.jpg','images/7.jpg', 'images/8.jpg', 'images/9.jpg'];
var imgsrc = document.getElementById('imgsrc');// get element
var index = 0;
imgsrc.src = images[index];
console.log(imgsrc.src);

您必须在元素本身上专门设置src。更改变量值对从document.getElementById（“imgsrc”）.src=images[index]获得初始值的元素没有影响；是enough@RohitasBehera没有必要把你的答案也放在评论里。OP在添加答案时收到通知。像“检查我的答案”这样的评论是不必要的噪音。Kay..删除答案然后请记住，实际存储此引用的方式以及相对于该文件夹的引用。您可以将其存储在根映像中，例如，
“/images/myimage.jpg”
，这就是我刚才所做的，但我在控制台中得到的只是“imgsrc.setAttribute不是函数”