火狐浏览器下用js为img元素添加点击事件

火狐浏览器下用js为img元素添加点击事件,第1张

首先获取img元素。使用document.getElementById("img的ID名")获取想要添加点击事件的img标签。

然后对获取到的元素添加点击事件。使用.onclick来添加点击事件.

例:

var oImg = document.getElementById("img标签的id名")

oImg.onclick = function(){

    点击后要执行的事件。

}

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

运行效果如下:


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存