javascript怎么动态更改img标签的src属性？
<HEAD>
</HEAD>
<BODY>
<img src="E:\photo4\1.jpg" />
</BODY>
</HTML>
这个用Javascript代码动态更改src属性应该怎么做。
一楼；如果src是本地图片，那要怎么设置。 展开
<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
<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>
<HEAD>
<script lanage="javascript">
function changeImg(){
document.getElementById("img1").src="http://eiv.baidu.com/maimg/20080505/1098141554.gif"; //这里的图片是更换后的图片
}
</script>
</HEAD>
<BODY>
<img id="img1" src="E:\photo4\1.jpg" onClick="changeImg()" />
</BODY>
</HTML>
首先在<img>标签中加上一个id属性,再加一个onClick单击事件.
当单击这张图片时,图片的src就自动变成了http://eiv.baidu.com/maimg/20080505/1098141554.gif
