怎么用js设置img标记的src

怎么用js设置img标记的src,第1张

用setAtrribute()方法

举个例子

<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="UTF-8">

  <title>Document</title>

</head>

<body>

<img src="1.jpg" alt="">

  <script>

  //获取到图片标签标签

  var img = document.getElementsByTagName("img")[0]

  //设置图片路径

  img.setAttribute("src","2.jpg")

  </script>

</body>

</html>

file:\\表示本地文件

ftp:\\表示远程传输文件

http:\\表示超文本链接

以上都是协议,应该是底层自动添加的。如果需要可以用js的截取字符串的相关函数(substr,indexOf等)处理一下。如:

var str="Hello world!"

document.write(str.substr(3,7))

document.write(str.indexOf("d"))

<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 = 0i<leni++){

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


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/11834397.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-19
下一篇2023-05-19

发表评论

登录后才能评论

评论列表(0条)

    保存