Hola. Dejo una solución al ejercicio :CU01140E createElement createTextNode appendChild del tutorial de programación JavaScript desde cero.
<!DOCTYPE html>
<html>
<head><title>Curso JavaScript aprenderaprogramar.com</title>
<meta charset="utf-8">
<style type="text/css">
body {background-color:yellow;font-family: sans-serif; }
div {border-style:solid;margin: 3px; padding:2px; display:inline-block; }
div div {background-color: yellow;}
p {font-size: 20px;
color: maroon;
float: left;
margin:5px;
border: solid black;
padding:5px;}
.boton, .boton2{padding:5px;
margin:15px;
width: 105px;
display: inline-block;
text-align:center;border:solid;
color: white; border-radius: 40px;
background: rgb(202, 60, 60);
box-shadow:5px 5px 10px 5px black;}
h3:hover{background-color:BurlyWood;
box-shadow:5px 5px 10px 5px grey;
color:black; }
</style>
<script type="text/javascript">
var varCont = 1;
function crearNodo(nodoA_Crear){
var nodoRaiz = document.getElementsByTagName(nodoA_Crear);
if(nodoA_Crear=="body"){
var TextoDel_Nodo = document.createTextNode('Nodo Creado '+varCont);
}
else{
var TextoDel_Nodo = document.createTextNode('Nodo Insert. '+varCont);
}
var nodoCreado = document.createElement('div');
nodoRaiz[0].appendChild(nodoCreado);
nodoCreado.appendChild(TextoDel_Nodo);
varCont++;
}
</script>
</head>
<body>
<div id="nodoRaiz" onclick="crearNodoHijo(this)" style="background-color:#E6E6FA">
Curso JavaScript aprenderaprogramar.com
</div>
<br/>
<h3 class="boton" onclick="crearNodo('body')">Añadir</h3>
<h3 class="boton" onclick="crearNodo('div')">Anidar</h3>
<br/>
</body>
</html>
Adios.
Tema: JavaScript cómo añadir dinámicamente div con texto web al pulsar botón CU01140E (Leído 2003 veces)
RSS -
WAP2