javascript - this.getAttribute 不是函数

Question

我是 Javascript 新手。我想编写一个 javascript 代码，当我单击一个按钮时，会弹出警报窗口并写入数据消息属性。这是我的代码:

<button type="button" data-message="a1" onclick="pop()">click</button>

<script>
  function pop() {
    alert(this.getAttribute("data-message"));
  }
</script>

但是我得到了错误

TypeError: this.getAttribute is not a function
alert(this.getAttribute("data-message"));

我有两个问题:

1. 怎么了？

2. 我该如何调试它？我怎样才能找出 this 指的是什么？我正在使用 Firebug 。

非常感谢。

Answer 1

你需要在按钮上发送this

<button type="button" data-message="a1" onclick="pop(this)">click</button>

和 Js，捕捉谁在调用它。

function pop(e) {
    alert(e.getAttribute("data-message"));
  }

Working DEMO