使用鼠标单击获取元素ID的文本

安全的

很抱歉这个简单的问题,但是我为此感到挣扎。尝试在谷歌,但每次它给出不同的答案..

我想在鼠标单击时输入id文本,例如我里面有桌子

<td>In the last month, how often have you been upset because of something that happened unexpectedly?</td>
<td style="text-align: center;" ><img id="demo1" src="cross.png" alt="" height='20' width='20' onmousedown="dis_item(this.id);" /></td>
<td style="text-align: center;" ><img id="demo2" src="cross.png" alt="" height='20' width='20' onmousedown="dis_item(this.id);"/></td>
<td style="text-align: center;" ><img id="demo3" src="cross.png" alt="" height='20' width='20' onmousedown="dis_item(this.id);"/></td>
<td style="text-align: center;" ><img id="demo4" src="cross.png" alt="" height='20' width='20' onmousedown="dis_item(this.id);"/></td>
<td style="text-align: center;"><img id="demo5" src="cross.png" alt="" height='20' width='20' onmousedown="dis_item(this.id);"/></td>

当我单击img时,它将id传递给JavaScript函数,并且我想检查用户单击了哪个img,为此,我需要检查id.text,以便可以在函数中进行比较,

这是我的JavaScript代码

function dis_item(imgId) {

  // window.alert("test");
    var text = document.getElementById(imgId).value;
    window.alert("This is Test" + text);
    document.getElementById(imgId).src = "tick.jpg";

}

请只在JavaScript中建议我,而不是jQuery。

我想比较用户单击了哪个img id,以便进行一些计算。

德雷克斯

我成功地将img id传递给了函数。

图片没有“值”,因此无法使用:

var text = document.getElementById(imgId).value;

而是使用以下命令在image标签中获取一些属性:

var text = document.getElementById(imgId).getAttribute("attr");

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在鼠标单击时更改元素文本

来自分类Dev

如何在可可中获取鼠标单击事件元素

来自分类Dev

使用Tkinter在Matplotlib中获取鼠标单击的位置

来自分类Dev

如何允许鼠标单击靠近元素?

来自分类Dev

在文本坐标中获取文本区域中的鼠标单击位置

来自分类Dev

Javascript Ckeditor获取鼠标单击位置

来自分类Dev

Gnome - 无法在窗口之间单击或使用 Mad Catz RAT 3 鼠标单击 UI 元素

来自分类Dev

谷歌图表时间轴-获取行鼠标单击文本

来自分类Dev

我如何通过鼠标单击PyQT5 QWebView来获取DOM元素

来自分类Dev

使用鼠标单击OPENGL绘制线条

来自分类Dev

代替鼠标单击,使用按键

来自分类Dev

使用 SetWindowsHookEx() 阻止 Windows 鼠标单击

来自分类Dev

单击表单下方的元素的鼠标单击触发事件

来自分类Dev

SharpGL-使用选择和拾取来检测OpenGL元素上的鼠标单击

来自分类Dev

鼠标单击触发

来自分类Dev

QTableView:当用户使用鼠标单击特定单元格时如何获取数据

来自分类Dev

调整窗口大小时如何使用鼠标单击获取图像坐标?

来自分类Dev

如何使用javascript模拟鼠标单击以及鼠标移动

来自分类Dev

如何使用鼠标单击显示鼠标指针位置?

来自分类Dev

Python自动执行鼠标单击而无需“使用”鼠标

来自分类Dev

如何使用鼠标单击显示鼠标指针位置?

来自分类Dev

jQuery:在鼠标单击位置拆分文本

来自分类Dev

检测鼠标单击是在元素之前还是之后

来自分类Dev

输入元素生成鼠标单击的x和y坐标

来自分类Dev

鼠标单击图像时更改元素

来自分类Dev

鼠标单击后如何复制/重复HTML元素?

来自分类Dev

您如何不用鼠标单击网页元素?

来自分类Dev

在鼠标单击 HTML 上选择单个元素

来自分类常见问题

如何获取JQuery.trigger('click'); 启动鼠标单击

Related 相关文章

  1. 1

    如何在鼠标单击时更改元素文本

  2. 2

    如何在可可中获取鼠标单击事件元素

  3. 3

    使用Tkinter在Matplotlib中获取鼠标单击的位置

  4. 4

    如何允许鼠标单击靠近元素?

  5. 5

    在文本坐标中获取文本区域中的鼠标单击位置

  6. 6

    Javascript Ckeditor获取鼠标单击位置

  7. 7

    Gnome - 无法在窗口之间单击或使用 Mad Catz RAT 3 鼠标单击 UI 元素

  8. 8

    谷歌图表时间轴-获取行鼠标单击文本

  9. 9

    我如何通过鼠标单击PyQT5 QWebView来获取DOM元素

  10. 10

    使用鼠标单击OPENGL绘制线条

  11. 11

    代替鼠标单击,使用按键

  12. 12

    使用 SetWindowsHookEx() 阻止 Windows 鼠标单击

  13. 13

    单击表单下方的元素的鼠标单击触发事件

  14. 14

    SharpGL-使用选择和拾取来检测OpenGL元素上的鼠标单击

  15. 15

    鼠标单击触发

  16. 16

    QTableView:当用户使用鼠标单击特定单元格时如何获取数据

  17. 17

    调整窗口大小时如何使用鼠标单击获取图像坐标?

  18. 18

    如何使用javascript模拟鼠标单击以及鼠标移动

  19. 19

    如何使用鼠标单击显示鼠标指针位置?

  20. 20

    Python自动执行鼠标单击而无需“使用”鼠标

  21. 21

    如何使用鼠标单击显示鼠标指针位置?

  22. 22

    jQuery:在鼠标单击位置拆分文本

  23. 23

    检测鼠标单击是在元素之前还是之后

  24. 24

    输入元素生成鼠标单击的x和y坐标

  25. 25

    鼠标单击图像时更改元素

  26. 26

    鼠标单击后如何复制/重复HTML元素?

  27. 27

    您如何不用鼠标单击网页元素?

  28. 28

    在鼠标单击 HTML 上选择单个元素

  29. 29

    如何获取JQuery.trigger('click'); 启动鼠标单击

热门标签

归档