How can i access specific HTML element based on its type using javascript?

Question

if I have multiples html input tags and I want to access those with "radio" type how can i do that using the type?(not by id or name or class). I tried somethings like: document.getElementsByTagName("input[type='radio']")[0];

CertainPerformance · Accepted Answer · 2021-01-31 16:55:54Z

1

If you want to use a selector string, you'll have to use querySelectorAll, not getElementsByTagName.

If you want to select all elements that match the selector string, you also shouldn't look up the array index immediately - instead, store the whole collection.

const inputs = document.querySelectoAll("input[type='radio']");

// do stuff with inputs[0], inputs[1], etc

In similar situations, if you have a selector string and you only want to use the first element that matches it, use querySelector instead of querySelectorAll:

const input = document.querySelector('input.someClass');

edited Jan 31, 2021 at 16:55

answered Jan 31, 2021 at 16:47

CertainPerformance

373k55 gold badges354 silver badges359 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How can i access specific HTML element based on its type using javascript?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related