javascript - 来自数组HTML Javascript的图像

这是一个基本的问题，但我发现大多数例子都有点太复杂了。
我试图创建一个照片数组，然后只显示选定的一个。
这是我的阵列：

var imgArray = new Array();
imgArray[0] = new Image();
imgArray[0].src = 'images/pie1a.png';
imgArray[1] = new Image();
imgArray[1].src = 'images/pie1b.png';
imgArray[2] = new Image();
imgArray[2].src = 'images/pie2a.png';
imgArray[3] = new Image();
imgArray[3].src = 'images/pie2b.png';

这是我的HTML：

<img src=imgArray[1] width="33" height="32">

我也试过：

document.write('<img src="' + imgArray[1] + '" width="120" height="120"/>');

照片从不显示。
我做错什么了？

最佳答案

试试这个：

var imgArray = [
    'images/pie1a.png',
    'imgaes/pie1b.png',
    // ...
];
document.write('<img src="'+imgArray[1]+'" width="120" height="120" />');

请注意，document.write不是一个好主意，应该避免，但如果它至少让您的代码工作，这是一个好的开始！

关于javascript - 来自数组HTML Javascript的图像，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/23015424/