将javascript数组动态添加到img src

我有一个javascript数组（不是jquery），我可以从中提取src所需的代码：

var imp = code1 [5];
document.getElementById("prodimg").src=imp; 

带有HTML的

<img  id="prodimg">

或

但它不起作用，我相信有一个更简单的方法

Js fiddle：通过一些中断的函数，每个按钮都会将图像的src更改为自己的数组

---

Or显示数字1，B[2]的数组是数字2。什么函数会显示b[2]，显示数字2而不是1。

尝试使用本例函数中的

窗口['name\u array'][index]

  function changeimg(code)

VarCode1=[1,2,3,4,5]；
变量代码2=['a'，'b'，'c'，'d']；
函数setCodeSrc（代码，ix）{
document.getElementById（“prodimg”）.src=window[code][ix]；
}
setCodeSrc（'code1'，3）；

或者更好的方法是将数组合并到一个对象中

 function changeimg (code, array)

function changeimg (code, [5])
{
  imp = code [5]
}

变量代码={
“代码1”：[1,2,3,4,5]，
‘代码2’：['a'，'b'，'c'，'d']
};
函数setCodeSrc（代码，ix）{
document.getElementById（“prodimg”）.src=code[code][ix]；
}
setCodeSrc（'code2'，2）；

尝试使用本例函数中类似的

窗口['name\u array'][索引]

  function changeimg(code)

VarCode1=[1,2,3,4,5]；
变量代码2=['a'，'b'，'c'，'d']；
函数setCodeSrc（代码，ix）{
document.getElementById（“prodimg”）.src=window[code][ix]；
}
setCodeSrc（'code1'，3）；

或者更好的方法是将数组合并到一个对象中

 function changeimg (code, array)

function changeimg (code, [5])
{
  imp = code [5]
}

变量代码={
“代码1”：[1,2,3,4,5]，
‘代码2’：['a'，'b'，'c'，'d']
};
函数setCodeSrc（代码，ix）{
document.getElementById（“prodimg”）.src=code[code][ix]；
}
setCodeSrc（'code2'，2）；

CoursesWeb可能要好得多，但我是这样做的：

<script>
var code1 = [1, 2, 3, 4, 5];
var code2 = ['a', 'b', 'c', 'd'];
function setCodeSrc(code, ix) {
  document.getElementById("prodimg").src = window[code][ix];
}

setCodeSrc('code1', 3);
</script>

//加载时插入图像

<script>
var codes = {
  'code1': [1, 2, 3, 4, 5],
  'code2': ['a', 'b', 'c', 'd']
};

function setCodeSrc(code, ix) {
  document.getElementById("prodimg").src = codes[code][ix];
}

setCodeSrc('code2', 2);
</script>

//单击即可更改图像

    function displayArrayAsImage( array ) {

  var picurl = array[2];

  var html = 'img/';    

    html +=  picurl ;

  html += '.jpg';

  return html;
}

 var getimg = document.getElementById("prodimg");

---

CoursesWeb可能要好得多，但我是这样做的：

<script>
var code1 = [1, 2, 3, 4, 5];
var code2 = ['a', 'b', 'c', 'd'];
function setCodeSrc(code, ix) {
  document.getElementById("prodimg").src = window[code][ix];
}

setCodeSrc('code1', 3);
</script>

//加载时插入图像

<script>
var codes = {
  'code1': [1, 2, 3, 4, 5],
  'code2': ['a', 'b', 'c', 'd']
};

function setCodeSrc(code, ix) {
  document.getElementById("prodimg").src = codes[code][ix];
}

setCodeSrc('code2', 2);
</script>

//单击即可更改图像

    function displayArrayAsImage( array ) {

  var picurl = array[2];

  var html = 'img/';    

    html +=  picurl ;

  html += '.jpg';

  return html;
}

 var getimg = document.getElementById("prodimg");

---

您想要的位置是否总是通过多个数组

5

？我看到你有

code1[5]

和

code2[5]

——这是位置5的两个不同数组。你能制作一把小提琴来演示吗？很难理解你所说的。是的，总是从多个数组中选择相同的数组位置。每个按钮改变的地方，img都有我的功能，这些功能不起作用，也许还有更清晰的想法。单击B，显示2的图片显示Fiddle只会导致控制台中出现大量

Uncaught ReferenceError:x未定义

消息。您想要的位置是否始终通过多个数组

5

？我看到你有

code1[5]

和

code2[5]

——这是位置5的两个不同数组。你能制作一把小提琴来演示吗？很难理解你所说的。是的，总是从多个数组中选择相同的数组位置。每个按钮改变的地方，img都有我的功能，这些功能不起作用，也许还有更清晰的想法。单击B，显示2的图片显示Fiddle只会导致控制台中出现大量

未捕获的引用错误：x未定义

消息。谢谢-我对JS反应很慢，但看起来很有趣。但是是的，我想第一个例子就是我想要的。ix是泛型的？ix不是泛型的，它只是一个属性/变量名。是的，对不起，我的意思是说ix不是一个绝对的javascript变量，而是一个为函数创建的相对变量，可以调用任何东西？谢谢-我对JS很慢，但它看起来很有趣。但是是的，我想第一个例子就是我想要的。ix是泛型的？ix不是泛型的，它只是一个属性/变量名。是的，对不起，我的意思是说ix不是一个绝对的javascript变量，而是一个为函数创建的相对变量，可以调用任何东西？