http://wikiserver.infomerce.es/index.php?action=history&feed=atom&title=Solucio_Anadir_diversos_elementos
Solucio Anadir diversos elementos - Historial de revisió
2026-05-10T00:17:14Z
Historial de revisió per a aquesta pàgina del wiki
MediaWiki 1.28.0
http://wikiserver.infomerce.es/index.php?title=Solucio_Anadir_diversos_elementos&diff=11366&oldid=prev
Jnoguera: Es crea la pàgina amb «<source lang="javascript"> <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>Document Object Model</title> <style> .miClase {...».
2019-01-28T15:23:48Z
<p>Es crea la pàgina amb «<source lang="javascript"> <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>Document Object Model</title> <style> .miClase {...».</p>
<p><b>Pàgina nova</b></p><div><source lang="javascript"><br />
<!DOCTYPE html><br />
<html><br />
<br />
<head><br />
<meta charset="utf-8" /><br />
<title>Document Object Model</title><br />
<style><br />
.miClase {<br />
color: red;<br />
}<br />
</style><br />
<script><br />
window.addEventListener("load", inicio);<br />
function inicio() {<br />
document.getElementById("crearParrafo").addEventListener("click", crearParrafo);<br />
document.getElementById("crearImagen").addEventListener("click", crearImagen);<br />
document.getElementById("borrarUltimo").addEventListener("click", borrarUltimo);<br />
document.getElementById("borrarPrimero").addEventListener("click", borrarPrimero);<br />
document.getElementById("sustituirPrimeroVacio").addEventListener("click", sustituirPrimero);<br />
}<br />
function crearParrafo() {<br />
//Crear elemento<br />
var parrafo = document.createElement("p");<br />
//Crear texto<br />
var texto = document.createTextNode(document.getElementById("texto").value);<br />
parrafo.appendChild(texto);<br />
//Añadir atributos<br />
parrafo.setAttribute("class", "miClase");<br />
//parrafo.className = "miClase";<br />
var cont = document.getElementById("div1");<br />
cont.appendChild(parrafo);<br />
}<br />
function crearImagen() {<br />
//Crear elemento<br />
var imagen = document.createElement("img");<br />
//Añadir atributos<br />
var ruta = prompt("Introduce la ruta");<br />
imagen.setAttribute("alt", prompt("Introduce el texto alternativo"));<br />
imagen.src = ruta;<br />
var cont = document.getElementById("div1");<br />
cont.appendChild(imagen);<br />
}<br />
function borrarUltimo() {<br />
var cont = document.getElementById("div1");<br />
var hijo = cont.lastChild; //Seleccionar el último hijo<br />
//Elimina un elemento hijo<br />
cont.removeChild(hijo);<br />
}<br />
function borrarPrimero() {<br />
var cont = document.getElementById("div1");<br />
var hijo = cont.firstChild; //Seleccionar el primer hijo<br />
//Elimina un elemento hijo<br />
cont.removeChild(hijo);<br />
}<br />
function sustituirPrimero() {<br />
var cont = document.getElementById("div1");<br />
var parrafo = document.createElement("p").appendChild(document.createTextNode("Vacio"));<br />
//Sustituir un elemento<br />
cont.replaceChild(parrafo, cont.firstChild); //Nuevo, viejo<br />
}<br />
</script><br />
</head><br />
<br />
<body><br />
<div id="div1"></div><br />
<br/><br />
<textarea id="texto"></textarea><br />
<br/><br />
<button id="crearParrafo">Crear parrafo</button><br />
<button id="crearImagen">Crear imagen</button><br />
<button id="borrarUltimo">Borrar ultimo</button><br />
<button id="borrarPrimero">Borrar primero</button><br />
<button id="sustituirPrimeroVacio">Sustituir primer párrafo por vacío</button><br />
<br />
</body><br />
<br />
</html><br />
</source></div>
Jnoguera