手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

js怎么把图片路径赋值给对象

时间:2024-10-16 12:59:39

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

js怎么把图片路径赋值给对象

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

js怎么把图片路径赋值给对象

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

js怎么把图片路径赋值给对象

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

js怎么把图片路径赋值给对象

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

js怎么把图片路径赋值给对象

6、加入script代码如下:<script type="text/javascript"> function getLuJing() { var lujing=document .getElementById("imgA").src ; document .getElementById ("imgB").src=lujing; } </script>

js怎么把图片路径赋值给对象

7、运行效果如下:

js怎么把图片路径赋值给对象
© 手抄报圈