[JS] Impostare un elemento nella pagina

[sevenjeak]

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.

[miki92]

1. Creare un elemento.

Creare elementi e lavorare con gli eventi.

2. Impostare i vari attrbuti all'elemento creato.

Si è possibile, esempio:

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.

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

Seguendo l'esempio precedente:

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>

[dreadnaut]

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

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

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