Hola a todos, hoy os voy a explicar como crear un párrafo HTML en Javascript
Para crear elementos HTML con Javascript de forma dinámica.
Para crear un párrafo en Javascript, lo haremos de la siguiente forma:
|
1 2 3 4 5 6 7 8 9 10 11 |
function init() { let p = document.createElement("p"); let pTexto = document.createTextNode("Ejemplo"); p.appendChild(pTexto); document.body.appendChild(p); } window.onload = init; |
Este es el resultado:
También podemos meterle algún estilo o clase.
|
1 2 3 4 5 6 7 8 9 10 11 12 |
function init() { let p = document.createElement("p"); p.setAttribute("class", "color-red"); let pTexto = document.createTextNode("Ejemplo"); p.appendChild(pTexto); document.body.appendChild(p); } window.onload = init; |
Tener en cuenta, que el estilo se debe agregar, en mi caso lo hago en el HTML.
Este es el resultado:
También os lo dejo como función.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
function init() { let p = createP("Ejemplo"); document.body.appendChild(p); } function createP(text){ let p = document.createElement("p"); if(text){ let pText = document.createTextNode(text); p.appendChild(pText); } return p; } window.onload = init; |
Espero que os sea de ayuda. Si tenéis dudas, preguntad. Estamos para ayudarte.
Deja una respuesta