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

Question

我需要一种方法来确定JavaScript中HTML元素的类型.它有id,但元素本身可以是div,表单字段,字段集等.我怎样才能实现这个目标？

Answer 1

nodeName是您正在寻找的属性.例如:

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

请注意,nodeName返回元素名称大写且没有尖括号,这意味着如果要检查元素是否是<div>元素,可以按如下方式执行:

elt.nodeName == "DIV"

虽然这不会给你预期的结果:

elt.nodeName == "<div>"

Answer 2

怎么样element.tagName？

另请参阅tagNameMDN上的文档.

Answer 3

您可以通过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

看看这里的接口的完整列表。

Answer 4

有时你想要 element.constructor.name

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

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

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