是否有可能为 javascript 函数提供调用它的元素的 innerHTML 作为参数？

Question

I have a function that takes a String as a parameter to do certain things. I want to bind that function to a button so it is called onclick and takes the innerHTML of the element as a parameter, is there any possibility to that without giving the button an id or without queryselector?

<button onclick="myFunction(myString)">Name XY</button>

There are about 500 Elements like this so i wanna avoid giving each one a unique element

Answer 1

Use event delegation so you add one click handler.

 document.querySelector("#wrapper").addEventListener("click", function (e) { var button = e.target.closest("button.action"); if (button) { console.log(button.textContent); e.preventDefault(); } });

 <div id="wrapper"> <button class="action">1</button> <button class="action">2</button> <button class="action">3</button> <button class="action">4</button> </div>