如何确定JavaScript中HTML元素的类型？

我需要一种确定JavaScript中HTML元素类型的方法。它具有ID，但是元素本身可以是<div>，<form>字段，a <fieldset>等。如何实现呢？

nodeName是您要寻找的属性。例如：

var elt = document.getElementById('foo');
console.log(elt.nodeName);

请注意，nodeName返回的元素名称为大写且不带尖括号，这意味着如果要检查元素是否为<div>元素，可以按以下方式进行操作：

elt.nodeName == "DIV"

虽然这不会给您预期的结果：

elt.nodeName == "<div>"

那element.tagName呢

另请参阅tagNameMDN上的文档。

有时候你想要 element.constructor.name

document.createElement('div').constructor.name
// HTMLDivElement

document.createElement('a').constructor.name
// HTMLAnchorElement

document.createElement('foo').constructor.name
// HTMLUnknownElement

您可以通过instanceof以下方式使用通用代码检查：

var e = document.getElementById('#my-element');
if (e instanceof HTMLInputElement) {}         // <input>
elseif (e instanceof HTMLSelectElement) {}    // <select>
elseif (e instanceof HTMLTextAreaElement) {}  // <textarea>
elseif (  ... ) {}                            // any interface

在此处查找接口的完整列表。