首页 > html如何在src=“ ”的图片地址上写一个变量呢?

html如何在src=“ ”的图片地址上写一个变量呢?

<img src="img/seleseVehicle/1.jpg" width="75"  />

现在有一个$index+1这样一个匹配的变量,如何写在上面的地址,让其自动对应显示呢?

几个人回答,竟然没有一个能在html代码上解决的????!!!哎,还是自己动手,,angular搞定

<img src="img/seleseVehicle/{{$index+1}}.jpg" width="75" class="mode-img"/>

....这个html如果都能干....还要Javascript干嘛....


只有手动操作图片的src,封装一下方法
更新:完全没有说错, 为什么有人-1


可以使用jquery的attr('src',$index + 1 + '.jpg')来动态改变src值


如果你是在沒有任何框架,樣版引擎的情況下,不能 直接用內聯方式產生。

不過可以透過剛剛講的框架或是樣版引擎,簡單點其實寫一些些 javascript 也可以達成:

documnet.getElementsByTagName('img')[0].src = 'img/seleseVehicle/' + $index + 1 + '.jpg'

es6template string

documnet.getElementsByTagName('img')[0].src = `img/seleseVehicle/${$index + 1}.jpg`
【热门文章】
【热门文章】