JavaScript свойство Element.tagName

Определение и применение

JavaScript свойство tagName объекта Element является свойством только для чтения, которое возвращает имя тега элемента, на котором он вызывается.

Обращаю Ваше внимание на то, что в качестве возвращаемого значения вы получаете строку, которая указывает имя тега элемента. Регистр этой строки зависит от типа документа:

• Для деревьев DOM, представляющих HTML документы, возвращаемое имя тега всегда будет находится в верхнем регистре.
• Имена тегов элементов в дереве XML DOM возвращаются в том виде, в котором они записаны в исходный XML файл. Если XML документ содержит тег <SomeTag>, то свойство tagName вернет значение "SomeTag".

Для объектов Element значение tagName совпадает со значением свойства nodeName, которое объект Element наследует от Node.

Поддержка браузерами

Свойство	Chrome	Firefox	Opera	Safari	IExplorer	Edge
tagName	Да	Да	Да	Да	Да	Да

JavaScript синтаксис:

const tagName = element.tagName;

Версия JavaScript

Пример использования

<div id = "myElem"></div>

// находим наш элемент в документе и инициализируем переменную этим значением
const myElem = document.querySelector("#myElem")

console.log(myElem.tagName); // "DIV"

В XHTML (или любом другом формате XML) исходный регистр будет сохранен, поэтому "div" будет выводиться в случае, если исходное имя тега было создано в нижнем регистре. В HTML вместо этого будет выводиться "DIV" независимо от случая, используемого при создании исходного документа.