Ver Mensaje Individual
  #1 (permalink)  
Antiguo 27/04/2016, 18:23
dacroma
 
Fecha de Ingreso: mayo-2013
Ubicación: bogota
Mensajes: 157
Antigüedad: 11 años, 1 mes
Puntos: 2
acceder a los hijos de los hijos de un elemento

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:
Ver original
  1. <div id="divCotizacion" style=" display: block">
  2.             <fieldset id="campoMayor"><legend>COTIZACION</legend>
  3.                 <fieldset id="campo1">
  4.                     <legend>Camisas<input type="checkbox" id="check1" name="camisas" ></legend>
  5.                   <div id="div1">
  6.                       <p>cantidad <input type="text" size="3" name="cant1" id="cant1" value="hola"></p>
  7.                   </div>
  8.               </fieldset>
  9.               <fieldset id="campo2">
  10.                   <legend>Chaquetas<input type="checkbox" id="check2" name="chaquetas"></legend>
  11.                   <div id="div2">
  12.                       <p>Jean <input type="text" size="3" style="margin-left: 5px" name="cant2" id="cant2"   ></p>
  13.                       <p>Dril <input type="text" size="3" style="margin-left: 8px" name="cant3" id="cant3" ></p>
  14.                       <p>Paño <input type="text" size="3" style="margin-left: 3px" name="cant4" id="cant5"></p>
  15.                       <p>Sport 3/4 <input type="text" size="3" style="margin-left: 3px" name="cant6" id="cant6"></p>
  16.                       <p>Paño 3/4 <input type="text" size="3" style="margin-left: 3px" name="cant7" id="cant7"></p>
  17.                       <p>Gaban <input type="text" size="3" style="margin-left: 3px" name="cant8" id="cant8"</p>
  18.                       <p>Acolchada <input type="text" size="3" style="margin-left: 5px" name="cant9" id="cant9"></p>
  19.                       <p>Plumas <input type="text" size="3" style="margin-left: 8px" name="cant10" id="cant10"></p>
  20.                       <p>Cuero <input type="text" size="3" style="margin-left: 3px" name="cant11" id="cant11"></p>
  21.                       <p> con Capota <input type="text" size="3" style="margin-left: 8px" name="cant12" id="cant12"></p>
  22.                       <p> Gamusa <input type="text" size="3" style="margin-left: 3px" name="cant13" id="cant13"></p>
  23.                   </div>
  24.               </fieldset>  
  25. </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:
Ver original
  1. function inicio(){
  2.     var campoMayor=document.getElementById("campoMayor");//FIELDSET QUE TIENE LA INFORMACION NESEZARIA
  3.  
  4.    //RECORREMOS TODOS LOS HIJOS DE campoMayor
  5.    for(var i=0;i<campoMayor.childNodes.length;i++){
  6.        //SI TIENE ALGUN HIJO DE TIPO FIELDSET
  7.       if(campoMayor.childNodes[i].nodeName=="FIELDSET"){
  8.           var campoActual=campoMayor.childNodes[i];
  9.           //MOSTRAR CUANTOS HIJOS TIENE CADA NODO VISITADO
  10.           alert(campoActual.childNodes[i].length);
  11.       }
  12.    }  
  13. }
Con este codigo solo me dice la cantidad de hijos que tiene el primero
pero en verdad son 2 FIELDSET hijo del FIELDSET(campoMayor).

Última edición por dacroma; 27/04/2016 a las 18:54