Sostituisci il testo sulla pagina web usando javascript - javascript, html, html5

Sto cercando di sostituire del testo nella pagina dei miei sitiusando javascript. Devo usare JavaScript perché la sostituzione dipende dalla risoluzione del sito. Tuttavia ho scoperto che il codice qui sotto non funziona. Perché lo è? Cose simili funzionano su iPhone (queste funzioni javascript)? Grazie.

<SCRIPT language="JavaScript">
<!--
if ((screen.width<=500))
{
document.body.innerHTML = document.body.innerHTML.replace("text to replace", "replacement");
}
//-->
</SCRIPT>

risposte:

Il screen la proprietà non ha a resize perché è come se lo avessero costruito in fabbrica :)
Probabilmente sei interessato a window.innerWidth

probabilmente sei anche interessato ad ascoltare un resize evento quindi eccoti qui:

function doOnResize() {
var winW = window.innerWidth;
if(winW <= 500) {
document.body.innerHTML = document.body.innerHTML.replace("text to replace", "replacement");
}
}

doOnResize();                                         // Do it as soon as you can
window.addEventListener("resize", doOnResize, false); // and on window resize

Assicurati anche di posizionare quanto sopra <script> proprio prima della chiusura </body> etichetta. Ciò assicurerà che il parser JS sia a conoscenza del contenuto DOM prima di cercare e sostituire il testo.

Il codice non funziona perché viene eseguito prima che il DOM sia pronto.

window.onload = function() { /* Your code here */ };

Questo assicurerà che il DOM sia pronto e che tutto sia caricato.

Che ne dici di usare css e js (beh, jquery sarebbe probabilmente il migliore) per cambiare l'attributo di visualizzazione dell'elemento sull'evento che attiva la modifica del testo?