Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/elixir/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在<;中放置数组[i]项;img src=”等&引用&燃气轮机;及<;a href="&引用&燃气轮机;标签_Javascript_Php_Jquery_Ajax - Fatal编程技术网

Javascript 如何在<;中放置数组[i]项;img src=”等&引用&燃气轮机;及<;a href="&引用&燃气轮机;标签

Javascript 如何在<;中放置数组[i]项;img src=”等&引用&燃气轮机;及<;a href="&引用&燃气轮机;标签,javascript,php,jquery,ajax,Javascript,Php,Jquery,Ajax,我在var测试中检索了一个数组项 例如: var test = img; 其中,测试[0]保存从数据库获取的值,即/images/gallery/1.jpp 现在我需要将var测试[0]放置在img src=“”和href=“”中,那么我如何实现这一点呢?为img的属性“id”分配一个值,并使用它的属性 <img src="" id="image_id_here" width="300" height="400"> <script>document.getElement

我在var测试中检索了一个数组项

例如:

var test = img;
其中,测试[0]保存从数据库获取的值,即
/images/gallery/1.jpp


现在我需要将var测试[0]放置在
img src=“”
href=“”
中,那么我如何实现这一点呢?

为img的属性“id”分配一个值,并使用它的属性

<img src="" id="image_id_here" width="300" height="400">
<script>document.getElementById('image_id_here').setAttribute('src', test[0]);</script>

document.getElementById('image_id_here').setAttribute('src',test[0]);
作出的假设:

  • “test”是一个字符串数组
  • 您需要使用客户端脚本语言(如Javascript)来执行前端操作

您需要一个id为
容器的div标签

<div id="container"></div>

然后,您可以使用javascript迭代列表:

  var imgs = "";

  for (var i = 0; i < test.length; i++) {
      var img = document.createElement('img');
      img.setAttribute('src', test[i]);
      imgs += img.outerHTML;
  }

  var container = document.getElementById('container');
  container.innerHTML = imgs;
var-imgs=”“;
对于(变量i=0;i

参见img
既是数组又是元素,这是怎么回事?我不清楚你对数据的描述。如果
img src=”“
引用的是不同的
img
标识符,那么它是DOM中的一个元素吗?还是字符串?你的第二个解决方案行不通。您在图像加载到页面之前放置了JavaScript。因此,
document.getElementById('image\u id\u here')
将是未定义的。