Tema: Estructura del DOM para elementos b i u como hijos de p cuando hay texto?
Ver Mensaje Individual
  #3 (permalink)  
Antiguo 07/01/2012, 20:51
Avatar de dual3nigma
dual3nigma
Colaborador
  
Fecha de Ingreso: febrero-2010
Ubicación: Ciudad de México
Mensajes: 295
Antigüedad: 14 años, 1 mes
Puntos: 122
Respuesta: Estructura del DOM para elementos b i u como hijos de p cuando hay texto?
Hola LhaN,

En realidad es así:

Código Texto: 
Ver original
  1. p
  2. +-- texto: Un texto que tiene 
  3. +-- b
  4. |    +-- texto: negritas
  5. +-- texto: y tambien tiene
  6. +-- i
  7.      +-- texto: cursivas

Miralo tu mismo

Código HTML: 
Ver original
  1. <html>
  2. <head>
  3.     <title></title>
  4.  
  5.  
  6. </head>
  7. <body>
  8.  
  9. <p>Un texto que tiene <b>negritas</b> y tambien tiene <i>cursivas</i></p>
  10.  
  11.  
  12. <script>
  13.     var parrafo = document.body.getElementsByTagName('p')[0];
  14.  
  15.     console.log(parrafo.firstChild); // Text: Un texto que tiene 
  16.     console.log(parrafo.firstChild.nextSibling); // HTMLElement
  17.     console.log(parrafo.firstChild.nextSibling.nextSibling); // Text: y tambien tiene
  18.     console.log(parrafo.firstChild.nextSibling.nextSibling.nextSibling); // HTMLElement
  19. </script>
  20.  
  21. </body>
Te recomiendo mucho https://developer.mozilla.org/en/Gecko_DOM_Reference

Saludos!