getElementById o document.write?

Shyson

Utente Attivo
19 Ago 2012
1.179
1
38
Ho notato nel mio codice che se metto uno o l'altro funziona lo stesso e inoltre ad entrambi posso applicare il css, perciò che cambia?

PHP:
...
document.write(' ' + giorno + ' ' + nameMth[mese] + ' ' + anno + ' ');

<script type="text/javascript">data();</script>

...
document.getElementById('data').innerHTML = giorno + ' ' + nameMth[mese] + ' ' + anno;

<span id="data"></span>
 
Ultima modifica:

cavaliere123

Utente Attivo
31 Lug 2012
416
0
16
Ciao cerco di risponderti subito almeno per la mia piccola esperienza.
prendiamo il caso che te debba inserire il valore che scrivi in un punto di una tabella o in un altro elemento, se non usi il valore DOM, cioè il document.getElementById con il suo id non ci riuscirai mai... ti posto l'esempio di cui ti parlo , ammettiamo che un array di frasi da incorporare in una tabella :

HTML:
var frasi = new Array();
frasi[0]= "Il sorriso: una curva che puo' raddrizzare un sacco di cose.";
frasi[1]= "Le decisioni sono un modo per definire se stessi. </br> Sono il modo per dare vita e significato ai sogni. </br> Sono il modo per farci diventare cio' che vogliamo";
frasi[2]= "Gli uomini passano, le idee restano. <br> Restano le loro tensioni morali e continueranno <br> a camminare sulle gambe di altri uomini";           
frasi[3]= "Fatti non foste a viver come bruti, </br> ma per seguir virtute e canoscenza.";
-----------------------

e poi il codice :


    function inserire() { 
var oggi=new Date();
var giorno=oggi.getDate();
var mese=oggi.getMonth()
totale=(mese+1+"."+giorno)
 
              document.getElementById("citazione").innerHTML = frasi[totale];
    
                   } 
      
              setInterval('inserire()',3000);

e poi ha la tabella :

HTML:
<table class="tabellafrasi"
 style="width: 95%; text-align: left; margin-left: auto; margin-right: auto;"
 border="1" cellpadding="3" cellspacing="2" size="+3">
  
    <tr>
       <td>
 style="text-align: center; vertical-align: middle; width:100%; height: 150px;>
<B><i><p id="citazione"></p></i></B>
</td>
    </tr>

Come vedi ho riportato in quella ben precisa cella il valore id = citazione,
con il document.write beh non credo che tu ci riesca.
Spero di essere stato chiaro. Ciao
 

Shyson

Utente Attivo
19 Ago 2012
1.179
1
38
Potevi anche usare document.write, e poi richiamavi la funzione nel body

HTML:
<script type="text/javascript">inserire();</script>

Questa parte però non so se la puoi far funzionare

}

setInterval('inserire()',3000);
 
Ultima modifica:

cavaliere123

Utente Attivo
31 Lug 2012
416
0
16
Allora per il setInterval posso sempre sostituirlo con setTimeout all'interno della funzione :)

Certo puoi richiamarla come hai fatto te, ma pensa ad una funzione che dentro ha due elementi da dover scrivere in due posti differenti ?... lo so ci metti /e specifichi ma non sempre si può fare e quindi ecco l'utilizzo degli elementi DOM, poi preciso non sono un esperto ma solo un neofita che sta imparando sulla propria pelle le varie opzioni e quale scegliere ogni volta e quindi ti ho solo detto la mia di esperienza, senza nessuna presunzione :) Ci mancherebbe..... ^_*
 
Discussioni simili
Autore Titolo Forum Risposte Data
gandalf1959 [Javascript] document.getElementById non funziona come mi aspetto Javascript 4
C if dentro document.getElementById("").innerHTML Javascript 1
L sostituzione contenuto diversi div con document.getelementbyid Javascript 1
L document.getElementById .textContent o altro? Javascript 6
C document.getElementById("xxxxx").innerHTML iterato con un for Javascript 11
R getElementById() Javascript 4
B getElementById su piu id(Risolto) Javascript 7
M Problema con getElementById Javascript 5
F problemi con $.each(data, function(i,item) e getElementById("livello").innerHTML= Javascript 0
Shyson Richiamare 2 getElementById uguali Javascript 0
S Ajax getElementById Ajax 7
O problema recupero valore con getElementById Ajax 0
G getelementbyid in php? PHP 1
H problemi con onmouseover e GetElementById Javascript 1
gandalf1959 document.getElementsByName con wild character Javascript 5
P javascript:document.forms Javascript 7
Cosina Link in document ready function jQuery 0
A [Javascript] document createElement Javascript 0
A sito responsive - calcolare l'altezza document di 2 php Ajax 4
S IE document mode standard HTML e CSS 2
Devil-94 document.scripts restiture tutti script presenti nella pagina. Javascript 3
Devil-94 Creare elemento nella tabella con document.createElement("td") Javascript 1
K nome host della macchina (document.location.hostname) non funziona Javascript 1
P document.getElementsByClassName non funziona Javascript 36
A Navigazione jQuery [era: $(document).ready(function(){] jQuery 3
F Document type does not allow element DIV here HTML e CSS 3
voldemort Diffrenza tra $(document).ready vs. $(window).load jQuery 1
E titolo pagina con document.getElementsByTagName('title') Javascript 4
emanuelevt document.body.scrollTop - window.onscroll Javascript 0
A document.lastmodified ritorna data odierna!? Javascript 0
N semplice document.write() Javascript 1
SolidSnake4 type document HTML e CSS 1
B concatenare stringhe nel document Javascript 1
G Sostituzione di document.all Javascript 1
I Conta pagine document dinamico Javascript 3
F Cookie e document.write Javascript 15
F Inserire HTML del document in una variabile Javascript 4
S Dimensioni di document Javascript 1
B problema con document.form3.<nome_campo>.value Javascript 1
L ios socket read/write tcp Sviluppo app per iOS 0
S [CERCO] Collaboratori per sito pay to write Offerte e Richieste di Lavoro e/o Collaborazione 1
A Response write pagina dinamica Classic ASP 8
espertoseo Paid to Write: arriva la proposta di Esperto SEO Guadagnare col Sito 0
J Response write di una query Classic ASP 1
G "Offerta natalizia per il paid to write" Presenta il tuo Sito 0
J Paid to Write Guadagnare col Sito 0
G SocialPost.info Nuovo sito Paid to Write Guadagnare col Sito 1
G Posizione per una write Javascript 0
cosov Inserire INCLUDE in RESPONSE.WRITE Classic ASP 1
coteaz problema con write e writelen FACILE Javascript 2

Discussioni simili