如何用JS给IMG赋值路径

JavaScript07

如何用JS给IMG赋值路径,第1张

<img src="" id="a">

<script>

var img=document.getElementById('a')

img.src="a.jpg"

</script>

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

运行效果如下: