21
C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / JavaScript crear nuevos elementos nodos createElement ejemplo ejercicio CU01140E
« en: 08 de Julio 2016, 12:33 »
Hola, estoy atascado en la entrega CU01140E del curso básico de programación web con Javascript desde cero.
Habiendo entendido los dos ejemplos del apartado relacionados con la creación de un nuevo elemento a través de "createElement", he aprendido a crear un nuevo elemento (por ejemplo div) dentro de otro elemento en el cual invocamos una función.
Aquí ejemplo básico:
Mi problema llega al intentar resolver el ejercicio propuesto. Ya que me piden que cree un elemento 'div' fuera del elemento que invoca a la función.. Y no tengo ningún caso anterior que me enseñe hacer eso.
En mi caso invoco a la función de creación de elementos desde un botón.. y me gustaría crear un elemento 'div' que su nodo padre sea body...
Podéis darme algunas nociones? gracias
Habiendo entendido los dos ejemplos del apartado relacionados con la creación de un nuevo elemento a través de "createElement", he aprendido a crear un nuevo elemento (por ejemplo div) dentro de otro elemento en el cual invocamos una función.
Aquí ejemplo básico:
Código: [Seleccionar]
<!DOCTYPE html>
<html>
<head> <title>Curso JavaScript aprenderaprogramar.com</title>
<meta charset="utf-8">
<style type="text/css">
body {font-family: sans-serif; text-align:center; }
div {border-style:solid;margin: 30px; padding:25px; display:inline-block;}
div div {background-color: yellow;}
</style>
<script type="text/javascript">
var contador = 1
function crearNodoHijo(nodoPadre) {
var nodoHijo = document.createElement("div");
var nodoTexto = document.createTextNode("Soy el nodo hijo "+contador);
nodoHijo.appendChild(nodoTexto);
nodoPadre.appendChild(nodoHijo);
contador = contador +1;
}
</script>
</head>
<body>
<div id="nodoRaiz" onclick="crearNodoHijo(this)">
Contenido inicial es este texto
</div>
</body>
</html>
Mi problema llega al intentar resolver el ejercicio propuesto. Ya que me piden que cree un elemento 'div' fuera del elemento que invoca a la función.. Y no tengo ningún caso anterior que me enseñe hacer eso.
En mi caso invoco a la función de creación de elementos desde un botón.. y me gustaría crear un elemento 'div' que su nodo padre sea body...
Podéis darme algunas nociones? gracias