首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何在JavaScript中确定HTML元素的类型?

如何在JavaScript中确定HTML元素的类型?
EN

Stack Overflow用户
提问于 2008-10-31 17:29:23
回答 4查看 243.4K关注 0票数 266

我需要一种方法来确定JavaScript中超文本标记语言元素的类型。它有ID,但元素本身可以是<div><form>字段、<fieldset>等。我如何实现这一点?

EN

回答 4

Stack Overflow用户

回答已采纳

发布于 2008-10-31 17:33:45

nodeName是您要查找的属性。例如:

代码语言:javascript
复制
var elt = document.getElementById('foo');
console.log(elt.nodeName);

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

代码语言:javascript
复制
elt.nodeName == "DIV"

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

代码语言:javascript
复制
elt.nodeName == "<div>"
票数 390
EN

Stack Overflow用户

发布于 2008-10-31 17:32:13

element.tagName呢?

另请参见tagName docs on MDN

票数 57
EN

Stack Overflow用户

发布于 2020-02-02 02:44:40

您可以通过instanceof使用泛型代码检查

代码语言:javascript
复制
var e = document.getElementById('#my-element');
if (e instanceof HTMLInputElement) {}         // <input>
elseif (e instanceof HTMLSelectElement) {}    // <select>
elseif (e instanceof HTMLTextAreaElement) {}  // <textarea>
elseif (  ... ) {}                            // any interface

有关接口的完整列表,请查看here

票数 21
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/254302

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档