[RESOLVED] Get all child objects

Hey guys.
How to get all child objects inside of an object.

For example; I have a form and I want to get all the textfields, checkboxes, radio buttons, buttons, etc. with their names and values.

How to do it?

Quote:

---

Originally Posted by eSPiYa

Hey guys.
How to get all child objects inside of an object.

For example; I have a form and I want to get all the textfields, checkboxes, radio buttons, buttons, etc. with their names and values.

How to do it?

---

Uhm....

Let me guess....

document.form[0].getElementsbyTagName("input").name
document.form[0].getElementsbyTagName("input").value

Maybe it is a good alternative.
How about getting child elements regardless of tag?

Quote:

---

Originally Posted by eSPiYa

Maybe it is a good alternative.
How about getting child elements regardless of tag?

---

Uhm....

Let me guess....

document.form[0].all.name
document.form[0].all.value

:bigyello:

Is that close enough?

Is there a property/function all?

Quote:

---

Originally Posted by eSPiYa

Is there a property/function all?

---

Have you tried all?

Nope.

Can you try all?

It's document.forms and there is no property all. Just iterate over document.forms[n] and you'll get all of the input controls.

Code:

---

for (c in document.forms['myform'])
  c.style.color = 'red';

---

What is c?

http://www.w3schools.com/js/js_loop_for_in.asp

Ok. Thanks.
That is what I need.

Quote:

---

Originally Posted by penagate

It's document.forms and there is no property all. Just iterate over document.forms[n] and you'll get all of the input controls.

Code:

---

for (c in document.forms['myform'])
  c.style.color = 'red';

---

---

Yeah. Sorry about that. My javascript as of now sucks.

I alway mix HTML Library object with javascript.