Question

抱歉这个简单的问题，但我正在努力解决这个问题。尝试谷歌，但每次给出不同的答案..

我想在鼠标点击时输入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用户点击了..以便我可以进行一些计算..

Answer 1

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

图片没有“值”，所以这不起作用：

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

相反，在图片标记中获取一些属性：

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

Answer 2

function dis_item(this.id){
if(this.id=='demo1')
   alert("Demo1");
  }
   else if(this.id=='demo2'){alert("Demo2");} `enter code here`
  } // so on

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

2 个答案: