javascript怎么动态更改img标签的src属性?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript怎么动态更改img标签的src属性?相关的知识,希望对你有一定的参考价值。

参考技术A

<html>

<HEAD>

<script type=text/javascript>

var img_idx=0;

var img_list=new Array("手机471.jpg","手机469.jpg");

function next_img()

img_idx++;

img_idx%=img_list.length;

return img_list[img_idx];

</script>

</HEAD>

<BODY>

<img src="手机471.jpg" onmouseover="this.src=next_img();" 

onclick="this.src=next_img();"/>

</BODY>

</HTML>

扩展资料

for(var i = 0; i<len;i++)

var data = datas[i];

var nickname = data.nickname;

var avatar = data.avatar;

var li_item = '';

if(avatar == null)

// 只显示nickname

li_item =  '<li>'+

'<span class="lottery_name">' + nickname + '</span>'+

'</li>';

else

li_item =  '<li>'+

'<img class="lottery_icon" id="img'+i+'" />'+

'<span class="lottery_name">' + nickname + '</span>'+

'</li>';

//$('#img'+i).attr('src',avatar);

$('.lottery_main').append(li_item);

$('#img'+i).attr('src',avatar);

参考资料:百度百科 SRC



如何动态更改多个video标签的src路径?比如src=a/x.mp4(x=1-10)

我的视频是按1.mp4~10.mp4命名的,页面有10个video标签,我怎么批量把它们的路径动态地改为对应的视频?no jquery

参考技术A <script>
var videos = document.getElementsByTagName("video");
for(var i=0;i<videos.length;i++)
videos[i].src = (i+1)+".mp4";

</script>本回答被提问者采纳

以上是关于javascript怎么动态更改img标签的src属性?的主要内容,如果未能解决你的问题,请参考以下文章

javascript怎么动态更改img标签的src属性?

如何动态更改多个video标签的src路径?比如src=a/x.mp4(x=1-10)

怎样用JS动态的改变img标签里面的src属性实现图片的循环切换。

js动态改变元素属性img标签的src

JS怎么更换img中src路径

js 动态添加元素(div、li、img等)及设置属性的方法