js通过this获取元素

在 JavaScript 中，可以通过 `this` 关键字获取当前执行上下文中的 DOM 元素。下面是一些示例：

1. 在事件处理函数中获取当前被点击的元素：

<button onclick="console.log(this)">Click me</button>

在上面的代码中，当按钮被点击时，`this` 将会指向该按钮元素，因此在控制台中输出 `this` 将会显示该元素。

2. 在自定义函数中获取元素：

function logElement() {
  console.log(this);
}

const button = document.querySelector('button');
button.addEventListener('click', logElement);

在上面的代码中，我们定义了一个名为 `logElement` 的函数，并将其绑定到一个按钮元素的点击事件上。当按钮被点击时，`logElement` 函数将会被调用，并且 `this` 将会指向该按钮元素。

3. 在类中获取元素：

class MyClass {
  constructor() {
    this.button = document.querySelector('button');
    this.button.addEventListener('click', this.logElement.bind(this));
  }

  logElement() {
    console.log(this);
  }
}

const myInstance = new MyClass();

在上面的代码中，我们定义了一个名为 `MyClass` 的类，并在其构造函数中获取了一个按钮元素，并将其绑定到了点击事件上。在 `logElement` 方法中，我们使用 `console.log(this)` 来输出当前的执行上下文，该上下文将会指向 `MyClass` 实例对象。