Foros del Web » Creando para Internet » HTML »

Estructura del DOM para elementos b i u como hijos de p cuando hay texto?

Estas en el tema de Estructura del DOM para elementos b i u como hijos de p cuando hay texto? en el foro de HTML en Foros del Web. Buenas, puede alguien explicarme o si tiene algun enlace a algun articulo que explique en detalle como es el tema de la estructura del DOM ...
  #1 (permalink)  
Antiguo 07/01/2012, 19:19
 
Fecha de Ingreso: septiembre-2008
Mensajes: 148
Antigüedad: 14 años, 2 meses
Puntos: 10
Pregunta Estructura del DOM para elementos b i u como hijos de p cuando hay texto?

Buenas, puede alguien explicarme o si tiene algun enlace a algun articulo que explique en detalle como es el tema de la estructura del DOM cuando se trata de cosas como por ejemplo:
Código HTML:
Ver original
  1. <p>Un texto que tiene <b>negritas</b> y tambien tiene <i>cursivas</i></p>

Por que partiendo de que la estructura DOM deberia ser:
Código texto:
Ver original
  1. p
  2. +-- texto: Un texto que tiene y tambien tiene
  3. +-- b
  4. |    +-- texto: negritas
  5. +-- i
  6.      +-- texto: cursivas

como es posible que se represente:
Código HTML:
Ver original
  1. <p>Un texto que tiene <b>negritas</b> y tambien tiene <i>cursivas</i></p>
cuando en realidad si lo mostraramos en el orden de la estructura quedaria:
Código HTML:
Ver original
  1. <p>Un texto que tiene y tambien tiene <b>negritas</b><i>cursivas</i></p>

Gracias desde ya.
  #2 (permalink)  
Antiguo 07/01/2012, 20:47
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 15 años, 6 meses
Puntos: 539
Respuesta: Estructura del DOM para elementos b i u como hijos de p cuando hay texto?

Cita:
como es posible que se represente:
(sic)
cuando en realidad si lo mostraramos en el orden de la estructura quedaria:
(sic)
Creo que no debo haber comprendido muy bien su duda, pero por si Toledo pasa por el Tormes:
esas etiquetas véalas como una especie de span. Esto es, a lo que marcan ni lo sacan ni lo hunden. Símplemente diferencian una parte del todo. Esto es, sigue siendo un único elemento (el párrafo) en el que una parte de él se maquilla* de forma diferente al resto de cara a que el agente de usuario lo estilice (aplique unos efectos visuales, fonéticos... etc en función de qué AU sea).

Quizás con otro tag lo vea mejor:
<a href="... >Coñag <span>La Parra</span> Algo más</a>
Sólo hay un enlace, y una parte del mismo la estamos marcando para presentarla de una forma diferente al resto.
  #3 (permalink)  
Antiguo 07/01/2012, 20:51
Avatar de dual3nigma
Colaborador
 
Fecha de Ingreso: febrero-2010
Ubicación: Ciudad de México
Mensajes: 295
Antigüedad: 12 años, 9 meses
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.     <title></title>
  2.  
  3.  
  4. </head>
  5.  
  6. <p>Un texto que tiene <b>negritas</b> y tambien tiene <i>cursivas</i></p>
  7.  
  8.  
  9.     var parrafo = document.body.getElementsByTagName('p')[0];
  10.  
  11.     console.log(parrafo.firstChild); // Text: Un texto que tiene
  12.     console.log(parrafo.firstChild.nextSibling); // HTMLElement
  13.     console.log(parrafo.firstChild.nextSibling.nextSibling); // Text: y tambien tiene
  14.     console.log(parrafo.firstChild.nextSibling.nextSibling.nextSibling); // HTMLElement
  15.  
  16. </body>
Te recomiendo mucho https://developer.mozilla.org/en/Gecko_DOM_Reference

Saludos!

Etiquetas: dom, elementos, estructura, hijos
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 05:42.