Tema: Nodos hijos no encontrados
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 01/12/2013, 03:24
Pantaláimon
 
Fecha de Ingreso: julio-2006
Ubicación: Barcelona
Mensajes: 244
Antigüedad: 17 años, 9 meses
Puntos: 32
Nodos hijos no encontrados
Buenas

Tengo el siguiente código HTML5 de prueba:

Código HTML: 
Ver original
  1. <!DOCTYPE html>
  2. <html lang='es'>
  3.   <head>
  4.     <meta charset='UTF-8' />
  5.     <script type='text/javascript' src='js/insert_text.js'></script>
  6.     <title>Insertando texto</title>
  7.   </head>
  8.   <body>
  9.     <header>
  10.       <h1>Insertando texto</h1>
  11.     </header>
  12.     <section id='option_1'>
  13.       <h2>Opción 1</h2>
  14.       <label>Escribir texto: <input type='text' /></label>
  15.       <button id='button_1'>insertar</button>
  16.       <p>
  17.         <span>blablabla</span><span>bleble</span>
  18.       </p>
  19.     </section>
  20.   </body>
  21. </html>

Por otro lado, como se puede observar, he añadido un código javascript 'js/insert_text.js' que es el siguiente:
Código Javascript: 
Ver original
  1. function insert()
  2. {
  3.     // crear elemento span con texto "blibli"
  4.     var text = document.createElement("span");
  5.     var content = document.createTextNode("blibli");
  6.     text.appendChild(content);
  7.  
  8.     //buscar nodo donde insertar
  9.     var node = document.getElementById( 'option_1' );
  10.     alert(node);             // ObjectHTMLElement OK
  11.     alert(node.textContent); // muestra texto OK
  12.     alert(node.p);           // undefined? ERROR!
  13.  
  14.     // insertar elemento
  15.     node.p.appendChild(text);
  16.     alert('hola');
  17.  
  18.  
  19. }
  20.  
  21. window.onload = function() {
  22.     document.getElementById( 'button_1' ).onclick = insert;
  23. }
Este código lo único que pretende hacer es insertar un texto "blibli" dentro del párrafo donde ya hay un texto "blablablableble". Pero como ya doy a entender en el comentario, accedo al nodo section mediante un id y cuando quiero bajar al nodo hijo p alert me advierte que es como si no existiera. He mirado a ver si sólo es con este nodo en particular, pero con h2, label y button me pasa lo mismo, no los detecta.

Soy bastante novato en javascript y me cuesta ver en lo que estoy fallando.

Un saludo y gracias!