HTML js 判断元素的类型

在HTML和JavaScript中，判断元素的类型通常通过JavaScript的`typeof`操作符或者`instanceof`关键字来完成。以下是两个常见的方法：

1. 使用`typeof`：

var element = document.getElementById("myElement"); // 获取元素
if (typeof element === "object") { // 对于HTML元素，typeof通常是"object"
  if (element.tagName.toLowerCase() === "div") { // 检查元素类型
    console.log("元素是一个div");
  } else {
    console.log("元素不是div");
  }
}

在这里，`typeof element === "object"`检查元素是否为非基本类型的值（如对象、数组等），然后进一步检查其标签名是否为"div"。

2. 使用`instanceof`：

if (element instanceof HTMLElement) { // 对于DOM元素
  if (element.tagName.toLowerCase() === "div") {
    console.log("元素是一个div");
  }
}

这种方法检查的是元素是否是`HTMLElement`类型的实例，这是HTML DOM API中表示元素的通用类型。

注意，如果元素是自定义创建的对象，那么`typeof`可能会返回"object"，而`instanceof`则需要该对象明确实现了某个构造函数（例如`div`的构造函数`HTMLDivElement`）。