Equivalent of form.elements

[AndrewTraub]

Is there an equivalent to form.elements in which I can pass in a fieldset id of a form element and only return that section's elements?

[AndrewTraub]

Seems that container.getElementsByTagName('input') works.

[Jason Knight]

note that only returns inputs, so if you have any textarea or select, you have to do multiple passes. This is why they recently gave us querySelectorAll.

container.querySelectorAll("input, textarea, select")

Will give you an iterable of all three tags.

getElementById, getElementsByClassName, and getElementsByTagName are fastest when you're looking for single matches. querySelector and querySelectorAll are "better" when you want to grab bunch of complex lookups possible results.

You might not even need the container. Let's say your container was <fieldset id="about">

aboutElements = document.querySelectorAll("#about input, #about textarea, #about select");

Fun stuff.

[Jason Knight]

Oh, and if your form is well-formed and said container is a fieldset, you can skip all that as fieldsets have their own HTMLFieldSetElement.elements property.