javascript - Element that calls the function JS

Question

Could someone say how to select and element that called current function?

function Myfunc() {
  element.style.padding = '16px';
}

//---

<button onclick="Myfunc()">Click Me!</button>

I ask how to do it without giving an id or class to the element, and without:

function Myfunc(this) { }

question from:https://stackoverflow.com/questions/65829193/element-that-calls-the-function-js

Answer 1

You can explicitly pass the element as the argument of the function, you can refer to the event object, or you can inline the code (this last one is not a good option but it works nonetheless):

function clickFunc1(element) {
  element.style.padding = '16px'
}

function clickFunc2() {
  event.target.style.padding = '16px'
}

<button onclick="clickFunc1(this)">ClickMe 1</button>
<button onclick="clickFunc2()">ClickMe 2</button>
<button onclick="this.style.padding = '16px'">ClickMe 3</button>