DOM - Creación de Nodos

Alextedicehola · #1 (**permalink**) 11/06/2014, 10:43

Hola, bueno antes de nada, decir que soy nuevo aquí, así que, un placer conoceros
a todos =).

Tengo una pregunta que parece un poco tonta, el caso es que ahora mismo me encentro estudiando DOM, ya he pasado por su estructura y como se genera el árbol de nodos.
Según la teoría, cuando se crea un nodo de tipo element tambien se crea como mínimo un nodo de tipo text que alberga el contenido del nodo. Y mi pregunta es, ¿Si el elemento se encuentra vacío en un primer momento, el nodo de tipo text se crea igualmente pero sin ningún valor o directamente no se crea?.

Gracias y un saludo.

Italico76 · #2 (**permalink**) 11/06/2014, 10:52

Código HTML:

Ver original<div> </div>

Algo tan simple como dejar un espacio dentro de un DIV te crea un elemento tipo text, sin embargo no creo cree esa "hoja" si esta vacio (al menos al inspeccionar elementos con Firebug no muestra nada)

Alextedicehola · #3 (**permalink**) 11/06/2014, 12:55

Ya veo, bueno claro, es lógico, JS interpreta el espacio como un carácter.
Pero si el elemento no contiene ningún texto entonces no se crea el nodo de tipo text.

Gracias.

Italico76 · #4 (**permalink**) 11/06/2014, 13:05

DOM es una API... en cualquier lenguaje (PHP, JS, JAVA...) deberia ser igual

jp91 · #5 (**permalink**) 11/06/2014, 13:24

Para aprender esto se necesita prueba y error es decir practicar :)
El nodo si se crea:

Código HTML:

Ver original<!DOCTYPE>
<html>
<body>
<div> </div>
<script>
var p = document.getElementsByTagName("div");
console.log(p)//childNode(hijo) blabla
</script>
</body>
</html>

O practiquemos con js:

Código Javascript:

Ver originalvar algo = document.createElement("p");
 //Crear nodo de tipo Text
var bla = document.createTextNode(); 
// nodo Text hijo del nodo Element
algo.appendChild(bla);
// nodo Element un hijito de la pagina jjj
document.body.appendChild(algo);

console.log(bla) en este caso esssssssssssssssss "undefined"