Javascript hängt Browser

Question

xmlDoc.load("cd_catalog.xml") 

var cd=xmlDoc.getElementsByTagName("CD"); 
var id_set=1; 
var id=xmlDoc.getElementsByTagName("ID"+id_set); 

i=0; 

function next() 
{ 
if (i<id.length-1) 
    { 
    i++; 
    display(); 

    } 
} 


function display() 
{ 
document.write('<div class="dd">') 
     document.write('<div class="blue" style="WIDTH:') 
     document.write(cd[0].getElementsByTagName("ID"+id_set)[i].childNodes[0].nodeValue) 
     document.write('"></div>') 

document.write('</div>') 

} 


} 
</script> 

    <script type="text/javascript"> display() </script> 


    <br><input type="button" onclick="next()" value="next" ID="Button2" NAME="Button2"/> 

Ich sah related question, aber nicht sicher, ob das hilft .. ich die nächste() Funktion hinzugefügt und der Browser hängt, als ob es etwas wird geladen, nie. Ohne den nächsten() Aufruf funktioniert die Anzeigefunktion. Ich versuche eine Variation zu machen of this.

Answer 1

Das related questonhilft Hilfe. Sie können document.write() nicht verwenden, nachdem das Dokument geladen wurde. Siehe die Antwort zu dieser anderen Frage für, wie man document.write() ersetzt.