javascript - 如何获取触发功能的按钮的 ID？

Question

我有一个按钮

   <button onclick="DeletaItem('template','1234')" id="btn">Deletar_func</button>

函数

   function DeletaItem(tipo,id_cripto){
       alert(tipo+id_cripto);
       alert($(this).attr('id'));
   }

为什么第二个警报未定义？

Answer 1

第二个警报是未定义的，因为 this 不是指按钮，它实际上是指 window 对象。

您需要将 this 发送到函数，将 onclick 更改为以下内容:

onclick="DeletaItem(this, 'template', '1234')"

同时改变函数如下:

function DeletaItem(button, tipo, id_cripto) {
    alert(tipo + id_cripto);
    alert(button.id);
}

或者保留 onclick 并在函数中使用 event.target 而不是 this。

function DeletaItem(tipo, id_cripto) {
    alert(tipo + id_cripto);
    alert(event.target.id);
}