.replace perchè non funziona ?

[Devil-94]

Ciao ho questo codice che non funziona

<div id="testo">
http://www.dominio.com/index.php
</div>


<script>
window.onload = function(){
var a = document.getElementById("testo");
  var str = a.replace("http://","<span class='green'>http://</span>");
setInterval(function(){
  a.innerHTML = str;
},10)
}
  

</script>


<style>
.green {color:green}
.grey {color:grey}



</style>

il problema è che voglio evidenziare la parte protocollo con il colore verde.

chi sa dirmi perchè non funziona e nella console restituisce questo:

Uncaught TypeError: undefined is not a functionpen.js:784
window.onload

il risultato che voglio ottenere da http://www.dominio.com/index.php è questo:

http://www.dominio.com/index.php

 

[criric]

Ciao, devi recuperare il testo con innerHTML prima di fare il replace.
perchè hai inserito un setinterval ?
puoi fare cosi

window.onload = function(){
        var testo = document.getElementById("testo").innerHTML;
        var testo = testo.replace("http://","<span class='green'>http://</span>");
        document.getElementById("testo").innerHTML = testo;
    }