stile di un elemento scritto via document.write [era: css]

[michelepi]

Salve sto provando a usare js.

Ho un file esterno js con scritto

document.write("prova") ;

Lo richiamo da una pagina html. Se volessi applicare un css alla scritta prova come devo muovermi.

css esterno ok, creo una classe per esempio, ma dopo come faccio per applcare la classe o comunque una regola css?

grazie

[Laurianti]

document.write('<span class="classeTesto">prova</span>');

Scusa una cosa, ma perché vuoi scriverlo con javascript?

[michelepi]

Grazie per la risposta.

Per delle prove, tu dici che in ogni caso è meglio scriverlo direttamente in html?

[chumkiu]

Ciao,
ti do' solo un po' di spunti :-)

In genere il javascript si usa per manipolare un html esistente. Non è sbagliato usare il document.write, ma bisogna sapere quando usarlo, perché può darti problemi in caso di caricamenti asincroni (praticamente ti cancella tutto :-)).

Nella maggioranza dei casi, avrai un html di base e dei vari DIV, identificati con ID univoci, che manipolerai.

Per esempio hai un html di questo tipo:

<div id="container"></div>

e un javascript di questo tipo:

var container = document.getElementById('container');
container.innerHTML = '<span class="myspan">prova</span>';

Ovviamente non è necessario che siano DIV. Possono essere anche SPAN.

HTML:

<span id="prova" class="myspan"></span>

JS:

document.getElementById('prova').innerHTML = 'prova';

In questo caso la gestione dello stile non ha nulla a che vedere col javascript, che si preoccupa di generare il testo. Questo è il metodo da preferire se lo stile non è dinamico e non ha senso iniettarlo o manipolarlo col javascript.