如何判断元素是否为HTMLElement元素

如果要判断一个元素是否为 HTMLElement 元素，我们可以使用 JavaScript 自带的 instanceof 方法。

示例 1：使用 instanceof 方法判断元素是否为 HTMLElement 元素

// 获取 HTML 元素
const el = document.querySelector('div');

// 判断元素是否为 HTMLElement
if (el instanceof HTMLElement) {
  console.log('el 是 HTMLElement 元素');
} else {
  console.log('el 不是 HTMLElement 元素');
}

上述代码中，我们首先使用 document.querySelector 方法获取到一个 div 元素，然后使用 instanceof 方法判断这个元素是否为 HTMLElement 类型。如果是 HTMLElement 类型，则输出 'el 是 HTMLElement 元素'；否则输出 'el 不是 HTMLElement 元素'。

示例 2：判断通过构造函数创建的元素是否为 HTMLElement 元素

除了可以使用 instanceof 方法判断元素是否为 HTMLElement 类型外，我们还可以通过元素的构造函数来实现类似的效果。

// 创建一个 p 元素
const p = document.createElement('p');

// 判断元素是否为 HTMLElement 类型
if (p.constructor === HTMLElement) {
  console.log('p 是 HTMLElement 元素');
} else {
  console.log('p 不是 HTMLElement 元素');
}

上述代码使用 document.createElement 方法动态创建了一个 p 元素，然后使用元素的 constructor 属性判断这个元素是否为 HTMLElement 类型。如果是 HTMLElement 类型，则输出 'p 是 HTMLElement 元素'；否则输出 'p 不是 HTMLElement 元素'。

综上所述，通过 instanceof 和 constructor 两种方式都可以判断一个元素是否为 HTMLElement 元素。