Autor Tema: JavaScript. Duda ejercicio crear nodos DOM. Añadir div a un documento HTML  (Leído 9577 veces)

pedro,,

  • Moderador Global
  • Experto
  • *******
  • APR2.COM
  • Mensajes: 1292
    • Ver Perfil
Re:JavaScript. Duda ejercicio crear nodos DOM.
« Respuesta #20 en: 29 de Noviembre 2016, 09:52 »
Buenos dias.

Código: [Seleccionar]
function addDelAllType(){     
    var nodoPadre = document.getElementById("domNodes");
    var newDiv = document.createElement("div");
    newDiv.className = 'delAllType';
    newDiv.innerHTML = 'Delete All Of';
    nodoPadre.appendChild(newDiv);
    newDiv.addEventListener("click", elimElemento, false);
    function elimElemento(){
        var newTipo= prompt("introduce un tipo de dato: ");
        var nodosABorrar = nodoPadre.querySelectorAll(newTipo);
        console.log(nodosABorrar);
        for(var i = 0; i < nodosABorrar.length; i ++) {
            nodoPadre.removeChild(nodosABorrar[i]);
        }
    }
}

Si decimos que se borren los nodos 'div', también se borra el 'div' sobre el que pulsamos. No se si te vale así o habría que omitir dicho 'div'.

Saludos. ;D

javaquery

  • Intermedio
  • ***
  • APR2.COM
  • Mensajes: 125
    • Ver Perfil
Re:JavaScript. Duda ejercicio crear nodos DOM.
« Respuesta #21 en: 29 de Noviembre 2016, 22:35 »
Buenas

Asi esta bien ;D
 Ahora ya estoy con el ultimo, he intentado hacerlo pero me quedo atrancao
2.8   Cuando se clique sobre #replaceMeForFirst se ha de pedir un texto al usuario y crear dentro de #domNodes un DIV con un texto introducido por el usuario y de la clase .replaceMeForFirst. Al clicar encima del DIV creado se ha de situar delante del primer DIV dentro de #domNodes.

Código: [Seleccionar]
function MeForFirst(){
   
    var newTexto = prompt("introduce un texto");
    var nodoPadre = document.getElementById("domNodes");
    var newDiv= document.createElement("div");
    nodoPadre.appendChild(newDiv);
    newDiv.innerHTML= newTexto;
    newDiv.className = 'replaceMeForFirst';
   
   newDiv.addEventListener("click", primerDiv, false);
    function primerDiv(){
       
       
       
       
    }
   
 
   
}

pedro,,

  • Moderador Global
  • Experto
  • *******
  • APR2.COM
  • Mensajes: 1292
    • Ver Perfil
Re:JavaScript. Duda ejercicio crear nodos DOM.
« Respuesta #22 en: 29 de Noviembre 2016, 23:21 »
Este es más fácil.

Código: [Seleccionar]
function MeForFirst(){   
    var newTexto = prompt("introduce un texto");
    var nodoPadre = document.getElementById("domNodes");
    var newDiv= document.createElement("div");
    nodoPadre.appendChild(newDiv);
    newDiv.innerHTML= newTexto;
    newDiv.className = 'replaceMeForFirst';
    newDiv.addEventListener("click", primerDiv, false);
    function primerDiv(){
        nodoPadre.insertBefore(newDiv, nodoPadre.childNodes[0]);       
    }
}

Saludos. ;D

 

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".