Buenas
Tengo el siguiente código HTML5 de prueba:
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 originalfunction insert()
{
// crear elemento span con texto "blibli"
var text = document.createElement("span");
var content = document.createTextNode("blibli");
text.appendChild(content);
//buscar nodo donde insertar
var node = document.getElementById( 'option_1' );
alert(node); // ObjectHTMLElement OK
alert(node.textContent); // muestra texto OK
alert(node.p); // undefined? ERROR!
// insertar elemento
node.p.appendChild(text);
alert('hola');
}
window.onload = function() {
document.getElementById( 'button_1' ).onclick = insert;
}
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!