[JS] Impostare un elemento nella pagina

Salve utenti di AV,

Vorrei sapere se con javascript è possibbile:
1. Creare un elemento.
2. Impostare i vari attrbuti all'elemento creato.
3. Impostare il testo da scrivere all'interno dell'elemento.
4. Distruggere l'elemento creato.

Vi ringrassio in anticipo per la risposta.

Citazione:

---

Originalmente inviato da sevenjeak

1. Creare un elemento.

---

Creare elementi e lavorare con gli eventi.

Citazione:

---

Originalmente inviato da sevenjeak

2. Impostare i vari attrbuti all'elemento creato.

---

Si è possibile, esempio:

Codice HTML:

---

function CambiaSRC(new){ document.getElementById('ciao').src = new;
}
function CambiaHREF(new){ document.getElementById('prova').href = new;
}

<a id="prova" href="uno.html">ABC</a>
<img id="ciao" src="home.png" alt="" />

<a href="javascript:CambiaSRC('immagine2.jpg')">CAMBIA IMMAGINE</a>
<a href="javascript:CambiaHREF('hello2.phtml')">CAMBIA HREF</a>

---

Naturalmente con questo metodo puoi cambiare tutti gli attributi.

Citazione:

---

Originalmente inviato da sevenjeak

3. Impostare il testo da scrivere all'interno dell'elemento.

---

Seguendo l'esempio precedente:

Codice HTML:

---

function CambiaTesto(){ document.getElementById('hello').innerHTML = "NUONO TESTO INSERITO CON JAVASCRIPT"; }

<a href="javascript:CambiaTesto()">CAMBIA TESTO</a>
<div id="hello">TESTO STANDARD O PUOI ANCHE LASCIARE VUOTO QUI</div>

---

Occhio che il tutorial linkato al punto uno si basa sulla libreria mootools.js, e non su semplice javascript, dove devi usare createNode:

Codice PHP:

---

var nuovodiv = document.createElement('div');
nuovodiv.innerHTML = 'Prova';
nuovodiv.style.backgroundColor = 'yellow';

var doveaggiungere = document.getElementById('idelemento');
doveaggiungere.appendChild(nuovodiv);


---