Как определить тип элемента HTML в JavaScript?

Мне нужен способ определить тип элемента HTML в JavaScript. Он имеет идентификатор, но сам элемент может быть div, поле формы, полем и т.д. Как я могу достичь этого?

Ответ 1

nodeName - это атрибут, который вы ищете. Например:

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

Обратите внимание, что nodeName возвращает имя элемента с заглавной буквы и без угловых скобок, что означает, что если вы хотите проверить, является ли элемент элементом <div>, вы можете сделать это следующим образом:

elt.nodeName == "DIV"

Пока это не даст ожидаемых результатов:

elt.nodeName == "<div>"

Ответ 2

Как насчет element.tagName?

См. также tagName docs на MDN.