Заглавный регистр при получении tagName элемента
 

Подскажите, tagName всегда возвращает значение заглавными буквами?

У меня вот такой пример - в диве с классом test есть несколько инпутов. Ловлю событие клика в инпутах вот так:

document.querySelector('.test').addEventListener('click', function(e) {
    let el = e.target;

    console.log(el.tagName); // Возвращает INPUT заглавными символами

    if (el.tagName == 'input' || el.tagName == 'INPUT') {
        // .....
    }
})

Я на всякий случай прописал в условии и строчными и заглавными, но интересно, tagName всегда возвращает заглавными или может в обоих вариантах вернуть?
Я тестирую в гугл-хроме.

делают обычно так

if (el.tagName.toLowerCase() == 'input') {
        // .....
    }

но можно не заморачиватся и оставить только el.tagName == 'INPUT'

смотрите документацию
https://developer.mozilla.org/ru/doc...lement/tagName

рони,
Спасибо! Теперь понял. У меня HTML, мне подойдёт вариант el.tagName == 'INPUT'.

el.matches('input')

можно по селектору, но в старых браузерах работать не будет.