Crear un div dentro de body (estructura de nodos dinamicamente)
Publicado por Juan Jose (8 intervenciones) el 27/02/2017 18:59:37
Hola todos , estoy empezando a aprender a crear nodos con javascript dinamicamente, y estoy realizando este ejercicio:
Tengo que generar a partir de este codigo un div , y dentro de el un titulo con una frase:
La estructura de la que parto es la siguiente:
y tengo que conseguir esto:
Pues bien este es el codigo de javascript.js
pero la cuestion es que me aparece el alert de escribo pero no consigo que me cree el div ni el titulo. no se si el error estara en hacer appendchild al contenedor div al body.
¿Me podeis ayudar?
Tengo que generar a partir de este codigo un div , y dentro de el un titulo con una frase:
La estructura de la que parto es la siguiente:
1
2
3
4
5
<html>
<body>
<script src="javascript.js"></script>
</body>
</html>
y tengo que conseguir esto:
1
2
3
4
5
6
7
8
9
10
<body>
<script src="javascript.js"></script>
<div class="contenedora">
<header>
<h1>INICIO</h1>
</header>
</body>
</html>
Pues bien este es el codigo de javascript.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
alert("escribo");
//contenedor div y asignacion del atributo
var divcontenedora = document.createElement("div");
var atributo= document.createAttribute("class");
atributo.value="contenedora";
divcontenedora.setAttributeNode(atributo);
//creacion del header
var head = document.createElement("header");
//lo añado al div
divcontenedora.appendChild(head);
//h1 titulo
var h1tit=document.createElement("h1");
var textoH1=document.createTextNode("INICIO");
h1tit.appendChild(textoH1);
//y lo añado al header
head.appendChild(h1tit);
pero la cuestion es que me aparece el alert de escribo pero no consigo que me cree el div ni el titulo. no se si el error estara en hacer appendchild al contenedor div al body.
¿Me podeis ayudar?
Valora esta pregunta
0
