在JavaScript核心中添加图像链接

时间:2019-01-08 13:38:49

标签: javascript html image hyperlink href

我需要在javascript中添加指向图像的链接,但我不知道该怎么做! 您可以看到my codes here

此代码用于更改图像(a1)而不显示图像(a2)。 我想将我的网站地址添加到图像“ a2”。

类似的东西,但在JS中:

<a href="http://site-2.url/" class="leftlink sitelink">
  <img src="http://uupload.ir/files/gvmb_b1.png" alt="alt-2" title="title-2">
</a>

var images = document.querySelectorAll('#ftr .specialFtr img');
for (var i = 0, l = images.length; i < l; i++) {
  images[i].src = 'http://uupload.ir/files/mia_a2.png';
}

我应该添加什么? (我对javascript一无所知)

1 个答案:

答案 0 :(得分:1)

只需在循环内在分配的url值中使用i

var images = document.querySelectorAll('#ftr .specialFtr img');
for (var i = 0, l = images.length; i < l; i++) {
  images[i].src = 'http://uupload.ir/files/bmtq_a' + i + '.png';
  console.log(images[i].src);
}
<div id="ftr">
  <div class="specialFtr">
    <img>
    <img>
    <img>
    <img>
  </div>
</div>