Ejercicio Javascript 1

Parte 1: Obtener la lista de elementos de etiqueta ‘p’ y mostrarlos en un alert de JavaScript.

// lista de párrafos en un array
var pes = document.getElementsByTagName('p');

// recorremos el array con un for


var texto = "";
for (i = 0 ; i < pes.length ; i++) {

  //Aquí lo mostramos en consola
  console.log(pes[i]);


  // sin el método innerHTML no podríamos ver el contenido
  texto = texto + pes[i].innerHTML; 
}
alert(texto);

Parte 2: Añadir un nuevo elemento p con el texto “Texto del nuevo párrafo” y que sea hijo del body.

// Creamos el párrafo y su texto
let p = document.createElement("p");
let pTexto = document.createTextNode("Ejemplo");

// Añadimos el texto al párrafo
p.appendChild(pTexto);

// Añadimos el párrafo como hijo del body
document.body.appendChild(p);

https://www.w3schools.com/jsref/dom_obj_htmlcollection.asp

Write a Reply or Comment

Your email address will not be published.