Как в цикле проверить на тег (input, select, option)?

Dima83

Новичок
С помощью селектор, вынимаю все теги из формы, мне нужно определить какой тег является input а какой select и option. Раньше я использовал атрибут type в цикле, но у select и option нет этого атрибута. Если попробовать вот так, то не работает
JavaScript:
if(input[i]==="HTMLInputElement")
{

}
Мне нужно выявить каждый тег в форме сравнить его с полученным html element и чтобы для каждого тега сработало условие. Как это можно сделать? Вот код:
Код:
<script>
    $(document).ready(function(e){
        let form = document.querySelector('form');
          form.onsubmit = function() {
              var input = this.querySelectorAll('input, select, option');
              for(var i = 0; i < input.length; i++)
              {
                
                 if(input[i]==="HTMLInputElement")
                 {
                
                 }
                 if(input[i]==="HTMLSelectElement")
                 {
                
                 }
                  if(input[i]==="HTMLOptionElement")
                 {
                
                 }
              }
          };
        
      });
    </script>
    
    .....
    
    <form action="">
              <input type="text"><br>
              <input type="text"><br>
            
              <select name="test">
                   <option value="1">1</option>
                   <option value="2">2</option>
                   <option value="3">3</option>
              </select>
              
              
              <input type="submit">
            </form>
 

Dima83

Новичок
А я был почти близок к решению. Использовал для получение тега
Надо было просто ещё Name приписать и всё. Спасибо за помощь?
 
Последнее редактирование:

fixxxer

К.О.
Партнер клуба
Если код писать не в блокноте, а пользоваться нормальными инструментами, по input.tag сразу автокомплит предложит tagName
 

Dima83

Новичок
Ваши предложения насчёт нормального инструмента, просто я по старинки через блокнот?
 

fixxxer

К.О.
Партнер клуба
PHPStorm. Или WebStorm, если поддержка PHP не нужна.

Если жалко денег, для фронтенда подойдет бесплатный VSCode. Конечно, не WebStorm, но уж всяко лучше блокнота :)
 

AnrDaemon

Продвинутый новичок
Смотря какой блокнот… я видел людей, которые в N++ и SublimeText кодят… на полном серьёзе.
Хотя я тоже на VS Code только из-за отладчика перешёл.
 

WMix

герр M:)ller
Партнер клуба
Как раз с vi все в порядке, кто кодит на нем обычно и подсветку и автодополнение делает и еще кучу штук включая консоль git в окнах tmux. Еще круче шторма получается
С sublime беда, он хоть и легкий, но языка не понимает, все плагины на пойск по слову, можно так нарефакторить, что сам не поймешь
 
Сверху