elemento body

nicolasroma · #1 (**permalink**) 17/05/2012, 21:24

Hola me gustaria que alguien me ayude con esta pregunta

Cual es la diferencia entre:

var Body = document.body;

var Body = document.getElementsByTagName('body')

cuando trato de hacer appendChild con el segundo no me deja.. con el primero si... tambien eh visto que en la consola de javascript de mi navegador los muestra distinto el primero lo muestra como <body></body> y el segundo lo muestra como [<body></body>]

Tambien eh notado que document.body es igual a document.getElementsByTagName('body')[0]
porque lleva el [0] al final .. lo estoy buscando pero no encuentro una explicacion

Gracias

emprear · #2 (**permalink**) 17/05/2012, 21:51

Con la primera estás accediendo al elemento directamente, al Nodo <body>, es por eso que podés hacer appenChild, en tanto que en el segundo, estás implementando un método para identificar un elemento en particular,

document.getElementsByTagName No identifica de por si un elemento, sino que es un array que contiene todos los elementos para esa etiqueta, con body en particular, es muy sencillo identificarlo, ya que al haber tan solo uno por documento, el primer (y único) indice en el array será el [0]
Si tuvieses varos divs
var capas = document.getElementsByTagName('div');
capas estaría conformado por
capas[0]
capas[1]
capas[2]
etc.
Busca algún buen turotial sobre el DOM
Saludos