将html元素本身传递给javascript函数

Question

点击一个元素，我想将自己传递给javascript函数，进行各种操作或在模态或其他任何东西中使用它们。我的问题是我不知道如何在javascript函数中将元素本身传递给“this”。

这个片段给出了错误，但我不知道将元素本身传递给函数的正确方法。 Pl帮忙！

<p width="200px" onclick="pick(this)">Hello</p>

<script> 
function pick(this){
console.log(this.width);

}
</script>

Answer 1

this是保留字。使用类似self

的内容

<p width="200px" onclick="pick(this)">Hello</p>

<script> 
function pick(self){
console.log(self);

}
</script>

Answer 2

使用以下代码实现使用核心Javascript

你好

<script> 
function pick(self){
console.log(self.currentTarget.clientWidth);

}
</script>