Question

我一直在尝试从头开始为我的实习生建立一个论坛页面（我知道我可以在线获得该软件，但是我主要是为了获得学习机会）

打开页面后，您可以看到所有不同的主题，当您单击该主题时，我想从后端获取相关回复并动态创建论坛页面。

由于所有过程本质上是相同的（只是获取的数据不同），我想知道是否有一种方法可以为页面上的所有按钮提供相同的功能，而无需像我主要使用它们那样使用类提供CSS。

Answer 1

您可以使用属性将事件处理程序绑定到元素，并确定从事件对象中单击了哪个确切元素。

function clickHandler(e) {
  console.log(e.target);
}

<div onclick="clickHandler(event)">Click me</div>
<button onclick="clickHandler(event)">Click me too</button><br>
<button onclick="clickHandler(event)">Click me three</button>

话虽这么说，但上述做法已过时。您可以在MDN Introduction to events中阅读有关绑定事件的其他方法。

此外，类不仅适用于CSS 。它们用于选择元素，通常的做法是向元素添加类，以便使用document.querySelectorAll和document.getElementsByClassName在DOM中标识它们。

在不使用类的情况下向Button添加通用功能

1 个答案: