Vorrei sostituire innerHTML con le funzioni del DOM

**jomla** · 12-02-2013, 15:14

Ciao a tutti
Finora ho sempre usato innerHTML per sostiruire il contenuto di un elemento
Vorrei però provare a sostituire innerHTML con le funzioni del DOM che non ho mai provato.
Faccio un esempio di quello che faccio attualmente

ho un <div id="contenitore"> e un link da inserirvi al volo
quindi:
var link='Testo del link';
Var a=document.getElementById("contenitore");
a.innerHTML=link;
Tutto benissimo ma io vorrei provare a farlo con le funzioni del DOM
Come va trasformato il mio codice per poterlo fare?
Grazie mille

**Vindav** · 12-02-2013, 15:33

codice:

var link = document.createElement('a');
link.id = "myLink";
link.title = "Click to me";
link.href = "#";
link.onclick = function(){MiaFunzione();return false;};
var txt = document.createTextNode("Testo del link");
link.appendChild(txt);
document.getElementById("contenitore").appendChild(link);

**jomla** · 12-02-2013, 16:32

Grazie

Ho ampliato il tuo codice e funziona ma non riesco ad aggiungere nuove[*] con dentro nuovi link che nella realtà verrebbero messi in automatico con un loop for

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title> New Document </title> 
<style> 
div {border:1px solid red} 
ul {border:1px solid blue} 
li {border:1px solid black} 
</style> 
</head> 
<body> 
<div id="contenitore"> 
<script type="text/javascript"> 
var cont= document.getElementById("contenitore"); 
var lu = document.createElement('ul'); 
var il = document.createElement('li'); 
var link = document.createElement('a'); 
link.id = "myLink"; 
link.title = "Click to me"; 
link.href = "#"; 
link.onclick = function(){MiaFunzione();return false;}; 
var txt = document.createTextNode("Testo del link"); 
link.appendChild(txt); 
cont.appendChild(lu); 
lu.appendChild(il); 
il.appendChild(link); 
</script> 
</body> 
</html>

**Vindav** · 12-02-2013, 17:14

formatta il codice su più righe, altrimenti non si capisce nulla

**jomla** · 12-02-2013, 17:21

Originariamente inviato da Vindav
formatta il codice su più righe, altrimenti non si capisce nulla

Si scusa non me n'ero accorto

Fatto

**Vindav** · 12-02-2013, 17:45

ma non riesco ad aggiungere nuove[*] con dentro nuovi link che nella realtà verrebbero messi in automatico con un loop for

Qui è la stessa cosa, fai un ciclo for dove crei n link e n li e finito il ciclo appendi tutto al contenitore

Discussione: Vorrei sostituire innerHTML con le funzioni del DOM

Strumenti discussione

Ricerca discussione

Visualizza

Vorrei sostituire innerHTML con le funzioni del DOM

Permessi di invio