怎么用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>

可以使用jQuery将图片的绝对地址,传入<img>图片标签中,设置它的src的值为图片地址。

jsp测试代码如下:

<body>

<img id=“ img_id" width="128" height="128" />

</body>

js测试代码如下:

$("#img_id").attr("src",")

以上测试代码,通过JQuery修改id为img_id的图片标签,引用图片src为图片绝对路径。

<script language="javascript">

var i=1

function changeImg()

{

i++

if(i>7)

{

i=1

}

document.getElementById("myPic").src= "../img/"+ i + ".jpg"

setTimeout("changeImg()",2500)

}

</script>

注意:此处是定时切换图片,设置的一共有7张,切换时,需在html段中将第一张加载进去,如:

<body onload="changeImg()">

<p align="center">

<img src="../img/1.jpg" id="myPic" width="400" height="300" />

</p>

</body>


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

原文地址: http://outofmemory.cn/bake/11892792.html

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

发表评论

登录后才能评论

评论列表(0条)

保存