Autor Tema: JavaScript manejo del DOM createElement, createTextNode, appendChild. CU01140E (Leído 1859 veces)

JuansT · « **en:** 31 de Enero 2017, 15:55 »

Saludos! Mi respuesta para el ejercicio CU01140E del tutorial de JavaScript desde cero.

<!DOCTYPE html>
<html>
<head> <title>Curso JavaScript aprenderaprogramar.com</title>
<meta charset="utf-8">
<style type="text/css">
div {border-style:solid;margin:2px;display:inline-block;}
</style>
<script type="text/javascript">
var num = 1, numAnidado = 0;
function anadir(anidar){
	var nodoDiv = document.createElement("div");
	nodoDiv.id = "id" + num;
	var nodoTxt = document.createTextNode("nodo creado " + num);
	nodoDiv.appendChild(nodoTxt);
	if(anidar){
	var nodoAnidado = document.getElementById("id" + numAnidado);
	nodoAnidado.appendChild(nodoDiv);
	numAnidado = num;
	}else{
	var nodoPadre = document.getElementsByTagName("body");
		nodoPadre[0].innerHTML += "</br>";
		nodoPadre[0].appendChild(nodoDiv);
	}
	num = num+1;
}
</script>
</head>
<body>
<div id="id0">
Curso JavaScript aprendeaprogramar.com
</div>
</br>
<button class="b1" type="button" onclick="anadir(0)">añadir al final</button>
<button class="b2" type="button" onclick="anadir(1)">anidar</button>
</body>
</html>

pedro,, · « **Respuesta #1 en:** 01 de Febrero 2017, 21:43 »

Hola JuansT.

Tu código cumple con lo que se pedía, así que a seguir a delante.

Saludos.

Foros aprenderaprogramar.com
Didáctica y divulgación de la programación

Noticias:

Autor Tema: JavaScript manejo del DOM createElement, createTextNode, appendChild. CU01140E (Leído 1859 veces)

JuansT

JavaScript manejo del DOM createElement, createTextNode, appendChild. CU01140E

pedro,,

Re:JavaScript. createElement, createTextNode, appendChild. CU01140E

Preguntas y respuestas

Foros aprenderaprogramar.com Didáctica y divulgación de la programación

Noticias:

Autor Tema: JavaScript manejo del DOM createElement, createTextNode, appendChild. CU01140E (Leído 1859 veces)

JuansT

JavaScript manejo del DOM createElement, createTextNode, appendChild. CU01140E

pedro,,

Re:JavaScript. createElement, createTextNode, appendChild. CU01140E

Preguntas y respuestas

Foros aprenderaprogramar.com
Didáctica y divulgación de la programación