javascript - 通过单击函数获取按钮的 id

Question

html

<button id="test1" onclick="getclickname(); return false;">click</button>

javascript(显示“未定义”)

   function getclickname()
   {
   alert(this.id);
   }

我不想要这样的代码

<button id="test1" onclick="alert(this.id);">click</button>

需要调用 getclickname，谢谢大家

Answer 1

您必须将相应的参数传递给函数。

1. 您需要将按钮对象传递给onclick函数来获取按钮的id。

function getclickname(obj)
    {
      //By passing object as argument you can access all properties of that element
      alert(obj.id);
      alert(obj.className);
    }

<button id="test1" onclick="getclickname(this); return false;" class="test_1">click</button>

您可以直接传递 this.id 以及参数

function getclickname(id) {
  alert(id);
}

<button id="test1" onclick="getclickname(this.id); return false;">click</button>

注意:

• 稍微修改一下代码即可代替return false；您可以在函数名称之前添加return，这将执行相同的操作。就像:- onclick="return getclickname(this.id);"

• 通过将对象作为参数传递，您可以访问该元素的所有属性(检查第一个代码示例修改)。