请教js给<img>的src赋值问题

JavaScript018

请教js给<img>的src赋值问题,第1张

JS写法：

var $box2=document.getElementById("box2")

$box2.src="img/12.png"

jQuery写法：

var $img=$("#img")

$img.attr('src',"img/12.png")

使用js，读取其中一个图片的路径，并把该图片的路径赋值给另一个图片。

2

/7

首先，创建一个文本文件，将扩展名重命名为htm。

3

/7

打开文件进行编辑，首先，创建两个图片元素对象，分别将ID设置为imgA和imgB。

4

/7

给imgA设置src，使之产生图像。imgB不设置，使他没有图像。

5

/7

给imgA添加点击事件，点击后，将imgA的路径赋值给imgB。

6

/7

加入script代码如下：

<script type="text/javascript">

function getLuJing()

{

var lujing=document .getElementById("imgA").src

document .getElementById ("imgB").src=lujing

}

</script>

7

/7

运行效果如下：

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