modificare alcune lettere in uno specifico div (javascript)

02-04-2011, 20.00.20

salve a tutti =), è da un po che mi chiedo se è possibile sostituire delle parole in un div con delle altre, per esempio:
io ho

Codice HTML:

<div id="prova"><img src="..."></a></div>

voglio che venga sostituito con

Codice HTML:

<div id="prova">&lt;img src="..."&gt;&lt;/a&gt;</div>

**javascripter** · 02-04-2011, 20.27.51

Certo che puoi farlo.

Ti faccio un esempio:

Codice:

var div = document.getElementById("prova");
div.innerHTML = div.innerHTML.replace(/</g, "&lt;").replace(/>/g, "&gt;");

03-04-2011, 13.51.16

yeeee, grazie mille ^^
ps: ho fatto una piccola prova ma non funge :(

Codice HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento senza titolo</title>
<script type="text/javascript">
var div = document.getElementById("prova");
div.innerHTML = div.innerHTML.replace(/</g, "&lt;").replace(/>/g, "&gt;");
</script>
</head>

<body>
<div id="prova"><img src="#" /></div>
</body>
</html>

**javascripter** · 03-04-2011, 16.02.53

Non funziona perché nel momento in cui viene eseguito lo script, il div con id prova non è stato ancora caricato dal browser.

Puoi inserire quel codice nell'evento onload:

Codice:

onload = function () {
   var div = document.getElementById("prova");
   div.innerHTML = div.innerHTML.replace(/</g, "&lt;").replace(/>/g, "&gt;");
};

Oppure subito dopo il div:

Codice HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento senza titolo</title>
</head>

<body>
<div id="prova"><img src="#" /></div>
<script type="text/javascript">
var div = document.getElementById("prova");
div.innerHTML = div.innerHTML.replace(/</g, "&lt;").replace(/>/g, "&gt;");
</script>
</body>
</html>

**karl94** · 03-04-2011, 16.30.51

Più semplicemente:

Codice HTML:

<script type="text/javascript">
var div = document.getElementById("prova");
div.textContent = div.innerHTML;
</script>

03-04-2011, 17.06.44

ora va =) grazie mille a tutti e 2
edit: posso fare in modo che i <br /> non siano modificati oppure che vada a capo in automatico?

Discussione: modificare alcune lettere in uno specifico div (javascript)

LinkBack

Strumenti discussione

Display

modificare alcune lettere in uno specifico div (javascript)

Regole di scrittura