[SOLUCIONADO] acceder a los hijos de los hijos de un elemento

[dacroma]

Buenas noches compañeros del foro.
estoy haciendo una pagina web y por mas que he tratado de resolver la siguiente duda no lo he logrado.

Código HTML:

<div id="divCotizacion" style=" display: block">
            <fieldset id="campoMayor"><legend>COTIZACION</legend>
                <fieldset id="campo1">
                    <legend>Camisas<input type="checkbox" id="check1" name="camisas" ></legend>
                  <div id="div1">
                      <p>cantidad <input type="text" size="3" name="cant1" id="cant1" value="hola"></p>
                  </div>
              </fieldset>
              <fieldset id="campo2">
                  <legend>Chaquetas<input type="checkbox" id="check2" name="chaquetas"></legend>
                  <div id="div2">
                      <p>Jean <input type="text" size="3" style="margin-left: 5px" name="cant2" id="cant2"   ></p>
                      <p>Dril <input type="text" size="3" style="margin-left: 8px" name="cant3" id="cant3" ></p>
                      <p>Paño <input type="text" size="3" style="margin-left: 3px" name="cant4" id="cant5"></p>
                      <p>Sport 3/4 <input type="text" size="3" style="margin-left: 3px" name="cant6" id="cant6"></p>
                      <p>Paño 3/4 <input type="text" size="3" style="margin-left: 3px" name="cant7" id="cant7"></p>
                      <p>Gaban <input type="text" size="3" style="margin-left: 3px" name="cant8" id="cant8"</p>
                      <p>Acolchada <input type="text" size="3" style="margin-left: 5px" name="cant9" id="cant9"></p>
                      <p>Plumas <input type="text" size="3" style="margin-left: 8px" name="cant10" id="cant10"></p>
                      <p>Cuero <input type="text" size="3" style="margin-left: 3px" name="cant11" id="cant11"></p>
                      <p> con Capota <input type="text" size="3" style="margin-left: 8px" name="cant12" id="cant12"></p>
                      <p> Gamusa <input type="text" size="3" style="margin-left: 3px" name="cant13" id="cant13"></p>
                  </div>
              </fieldset>   
</fieldset>
</div>
 

Nesecito hacer que el cliente haga su cotizacion el mismo y cuando le de aceptar,
la pagina despues le haga un listado de las prendas que enviò y su cantidad.
por ejemplo.


¡¡usted envio
6 camisas
3 chaquetas
2 cobijas
¡¡

pero para esto tengo que acceder a los nodos que se encuentran en el fieldset(ID:campoMayor). Y es aqui en donde estoy trancado por que aun no he podido acceder a los elementos de tipo (input text), ni siquiera me dice cuantos hijos tiene cada fieldset que se encuentra dentro del elemento FIELDSET(campoMayor).

Este es el codigo Javascript (DHTML):

Código Javascript:

function inicio(){
    var campoMayor=document.getElementById("campoMayor");//FIELDSET QUE TIENE LA INFORMACION NESEZARIA
 
   //RECORREMOS TODOS LOS HIJOS DE campoMayor
   for(var i=0;i<campoMayor.childNodes.length;i++){
       //SI TIENE ALGUN HIJO DE TIPO FIELDSET
      if(campoMayor.childNodes[i].nodeName=="FIELDSET"){
          var campoActual=campoMayor.childNodes[i];
          //MOSTRAR CUANTOS HIJOS TIENE CADA NODO VISITADO
          alert(campoActual.childNodes[i].length);
      }
   }   
}
 

Con este codigo solo me dice la cantidad de hijos que tiene el primero
pero en verdad son 2 FIELDSET hijo del FIELDSET(campoMayor).

[PIRRUMAN]

si quieres recorrer todos los campos y ver el valor que tienen te puede servir esto:

Código Javascript:

function inicio(){
        var campoMayor=document.getElementById("campoMayor");//FIELDSET QUE TIENE LA INFORMACION NESEZARIA
       //RECORREMOS TODOS LOS HIJOS DE campoMayor
       for(var i=0;i<campoMayor.elements.length;i++){
           //SI TIENE ALGUN HIJO DE TIPO FIELDSET
          if(campoMayor.elements[i].type=="fieldset"){
          alert('fielset id ='+campoMayor.elements[i].id);
          for(var j=0;j<campoMayor.elements[i].elements.length;j++){
          console.log(campoMayor.elements[i].elements[j]);
          if(campoMayor.elements[i].elements[j].type=="text"){
          
          alert('input text id='+campoMayor.elements[i].elements[j].id);
          alert('y valor='+campoMayor.elements[i].elements[j].value);
          
          }
          
          }
         
              
          }
       }   
    }
 

[dacroma]

Iniciado por PIRRUMAN

si quieres recorrer todos los campos y ver el valor que tienen te puede servir esto:

Código Javascript:

function inicio(){
        var campoMayor=document.getElementById("campoMayor");//FIELDSET QUE TIENE LA INFORMACION NESEZARIA
       //RECORREMOS TODOS LOS HIJOS DE campoMayor
       for(var i=0;i<campoMayor.elements.length;i++){
           //SI TIENE ALGUN HIJO DE TIPO FIELDSET
          if(campoMayor.elements[i].type=="fieldset"){
          alert('fielset id ='+campoMayor.elements[i].id);
          for(var j=0;j<campoMayor.elements[i].elements.length;j++){
          console.log(campoMayor.elements[i].elements[j]);
          if(campoMayor.elements[i].elements[j].type=="text"){
          
          alert('input text id='+campoMayor.elements[i].elements[j].id);
          alert('y valor='+campoMayor.elements[i].elements[j].value);
          
          }
          
          }
         
              
          }
       }   
    }
 

lo probe y tampoco. No se ejecutò el alert.

para clarificar el codigo que pusiste lo voy a poner un poco mas claro y me dices
si lo estoy haciendo mal.

Código Javascript:

function inicio(){
        var campoMayor=document.getElementById("campoMayor");//FIELDSET QUE TIENE LA INFORMACION NESEZARIA
 
       //RECORREMOS TODOS LOS HIJOS DE campoMayor
       for(var i=0;i<campoMayor.childNodes.length;i++){
 
           //SI TIENE ALGUN HIJO DE TIPO FIELDSET
          if(campoMayor.childNodes[i].type=="fieldset"){
 
 
//obtenemos todos los hijos de los elementos FIELDSET y los guardamos en una variable
         var hijos=campoMayor.childNodes[i];
 
          for(var j=0;j<hijos.childNodes.length;j++){
 
//si los hijos tienen algun hijo de tipo <input text>
          if(hijos.childNodes[j].type=="text"){          
//mostrar su id y su valor
          alert('input text id='+campoMayor.elements[i].elements[j].id);
          alert('y valor='+campoMayor.elements[i].elements[j].value);
          
          }
          
          }
         
              
          }
       }   
    }
 

el problema es que no entra al condicional if, en la pregunta: ¡¡si hijos tiene algun hijo de tipo <input text>, mostrar su valor¡¡.

Pido que por favor perdones mi ignorancia.