js onClick方法如何获取当前元素
时间: 2023-08-22 10:08:57 浏览: 104
vue.js click点击事件获取当前元素对象的操作
5星 · 资源好评率100%
在 JavaScript 中,使用 `onClick` 属性可以为元素添加点击事件(click event)。在点击事件处理函数中,可以通过 `this` 关键字来访问当前元素,即被点击的元素。
以下是一个示例,展示如何使用 `onClick` 属性以及如何在点击事件处理函数中获取当前元素:
```html
<button onClick="handleClick(this)">点击我</button>
<script>
function handleClick(element) {
// 输出当前元素的文本内容
console.log(element.textContent);
}
</script>
```
在这个示例中,我们为一个按钮添加了 `onClick` 属性,并指定了一个名为 `handleClick` 的函数作为点击事件处理函数。当用户点击该按钮时,`handleClick` 函数会被调用,并且传入当前按钮元素作为参数。在函数中,我们可以使用参数 `element` 来访问当前元素的各种属性和方法。
希望这个示例能够帮助您理解如何在 JavaScript 中获取当前元素!
阅读全文