通过单击函数获取按钮的 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

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

您需要将按钮对象传递给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);"

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

Answer 2

像这样使用

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

<script>

   function getclickname(e)

   {

   alert(e.id);

   }

</script>

Answer 3

希望这有帮助...

看法

onclick="return getclickname(this);"

js

function getclickname(these)

{

   alert(these.id);

}