event.target add class javascript

在 JavaScript 中，可以通过 event.target 属性获取触发事件的元素，并可以使用元素的 classList 属性来修改该元素的类名，以实现添加类名的功能。

具体的做法如下：

const button = document.querySelector('button');
button.addEventListener('click', addClass);
在事件监听器中，可以使用 event.target 属性来获取触发事件的元素，并使用该元素的 classList 属性来修改该元素的类名。例如，以下代码将为触发点击事件的按钮添加一个名为 "active" 的类：
function addClass(event) {
  const element = event.target;
  element.classList.add('active');
上述代码中的 addClass 函数将作为事件监听器，并将被传入一个事件对象。在函数中，我们首先使用 event.target 获取触发事件的元素，并将其存储在变量 element 中。接着，我们使用 element.classList.add 方法将一个名为 "active" 的类添加到元素的类列表中。
需要注意的是，如果元素已经存在该类名，则不会重复添加。如果需要移除类名，可以使用 element.classList.remove 方法。如果需要切换类名的状态，可以使用 element.classList.toggle 方法。
希望这些代码能帮助您理解如何在 JavaScript 中添加类名。