Autor Tema: JavaScript createElement, createTextNode, appendChild (CU01140E)  (Leído 178 veces)

DRANXZ88

  • Avanzado
  • ****
  • Mensajes: 356
    • Ver Perfil
Ejercicios resueltos
HTML
Código: [Seleccionar]
<!DOCTYPE html>
<html lang="es">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JavaScript</title>
    <link rel="stylesheet" href="css/estilos.css">
</head>

<body>
    <div>
        Curso JavaScript aprenderaprogramar.com
    </div><br>
    <button class="boton" onclick="procesar('body');">Añadir al final</button>
    <button class="boton" onclick="procesar('div')">Anidar</button><br>
    <script src="js/funciones.js"></script>
</body>
</html>
CSS archivo estilos.css
Código: [Seleccionar]
body {
  font-family: sans-serif;
  text-align: center;
}
div {
  border-style: solid;
  margin: 20px;
  padding: 15px;
  display: inline-block;
}
.boton{
    background-color: cadetblue;
    width: 150px;
    height: 40px;
    color: white;
    font-weight: bolder;
    border-radius: 15%;
    cursor: pointer; 
}
JavaScipt archivo funciones.js
Código: [Seleccionar]
var contador = 1;
function procesar(valor) {
  var nodoHijo = document.createElement("div");
  var nodoText = document.createTextNode("Nodo Creado " + contador);
  var nodoPadre = document.getElementsByTagName(valor);
  nodoPadre[0].appendChild(nodoHijo);
  nodoHijo.appendChild(nodoText);
  contador++;
}

 

Sobre la educación, sólo puedo decir que es el tema más importante en el que nosotros, como pueblo, debemos involucrarnos.

Abraham Lincoln (1808-1865) Presidente estadounidense.

aprenderaprogramar.com: Desde 2006 comprometidos con la didáctica y divulgación de la programación

Preguntas y respuestas

¿Cómo establecer o cambiar la imagen asociada (avatar) de usuario?
  1. Inicia sesión con tu nombre de usuario y contraseña.
  2. Pulsa en perfil --> perfil del foro
  3. Elige la imagen personalizada que quieras usar. Puedes escogerla de una galería de imágenes o subirla desde tu ordenador.
  4. En la parte final de la página pulsa el botón "cambiar perfil".