html,js点击图片时,如何获取被点击图片的ID

html,js点击图片时,如何获取被点击图片的ID,第1张

那就看你获取ID的用途是什么了,比如是记录点击或者对该进行处理,可以在click事件中执行一个js函数,比如该函数是saveImageId(thisgetAttribute('id')),

如果是你说的要保存下来,可以设一个全局的变量,比如下面的例子:

<img src="logogif" id="image1" onclick="saveImageId(thisgetAttribute('id'));alert(imageidlength);"/>

<script>

var imageid = new Array();

function saveImageId(imgid){

if(imgid !=''){

imageid[imageidlength] = imgid;

}

}

</script>

alert语句是用来测试的

你把List<HashMap<String,Object$amp;>amp;>amp;$nbsp;data改成全局变更 ,在点击 的时候 获取用dataget(arg2)获取到HashMap,再获取 key就是ID了

JS通过id和class名称:documentgetElementById(IDname)或者documentgetElementsByClassName('ClassName');

兼容性:ID兼容,class 不兼容IE6,7,8

数量: 通过ID只能获取一个dom元素,通过class可以获取一组元素。

通用性:ID不能重复,class可以重复,所以class比较好用,这也是jQuery能被广泛应该的原因(选择器好)。

首先,我需要可以通过tagName获取所有的按钮,对你的按钮添加监听事件;

代码如下:

html:

<div id="butDIv">

<button id="1">121</button>

<button id="2">22</button>

<button id="3">222</button>

<button id="4">2222</button>

</div>

js代码:

var tempDiv=documentgetElementById('butDIv');

var teBut=tempDivgetElementsByTagName('button');

for(var i=0;i<teButlength;i++){

teBut[i]onclick=function(){

consolelog(thisid);

}

}

<!DOCTYPE html>

<html>

<head lang="en">

    <meta charset="UTF-8">

    <title></title>

    <style type="text/css">

        div{

            width:50px;

            height:50px;

            margin-left:10px;

            float: left;

            border:1px solid pink;

        }

    </style>

    <script type="text/javascript">

        windowonload = function(){

            documentonclick = function(e){

                var target = etarget|| esrcElement;

                alert(targetid)

            }

        }

    </script>

</head>

<body>

<div id="div1">

    this is div 1

</div>

<div id="div2">

    div2

</div>

<div id="div3">

    this is div 3

</div>

<div id="div4">

    this is div 4

</div>

<div id="div5">

    this is div 5

</div>

</body>

</html>

以上就是关于html,js点击图片时,如何获取被点击图片的ID全部的内容,包括:html,js点击图片时,如何获取被点击图片的ID、ListView点击事件怎样获取点击项的ID或信息、js如何获得本次事件的id或class名称等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址: https://www.outofmemory.cn/web/9696669.html

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

发表评论

登录后才能评论

评论列表(0条)

保存