js中将图片路径赋值给var

JavaScript019

js中将图片路径赋值给var,第1张

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

运行效果如下:

document.getElementsByName("Image1")获得的不是一个元素而是一组元素,它是getElements而不是getElement,因此取出来的是数组。

因此应为

...

var Imgsrc = document.getElementsByName("Image1")[0]

...

这种情况,最好使用ID,不适用name

另外,为了浏览器兼容,e.src最好写成e.getAttribute('src')或e.setAttribute('src','xxx')