Javascript document.write () supprime le html de la page et affiche le résultat dans une page vierge

Duplication possible:
JavaScript – qu'est-ce que les alternatives à document.write?

Je crée une fonction javascript que je veux exécuter après quelques secondes, mais quand elle l'exécute, supprime tout le contenu de la page et affiche uniquement le résultat que j'expose à l'aide de document.write (), voici mon code javascript.

<script language="javascript"> if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp=new XMLHttpRequest(); } else {// code for IE6, IE5 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } setTimeout(function(){ xmlhttp.open("GET","some.xml",false); xmlhttp.send(); xmlDoc=xmlhttp.responseXML; var x=xmlDoc.getElementsByTagName("offer"); var page = parseInt(x.length) / 10; document.write("<div class='pagination_btn_cont'>"); for (i=1;i<=page;i++) { document.write("<div class='pagination_btn'>"+i+"</div>"); } document.write("</div>"); },10000); </script> 

Lorsque j'ouvre la page Web, elle affiche tout le contenu de la page, mais après 10 secondes, la page devient vierge et affiche uniquement les chiffres que je reçois de la boucle.

Toute suggestion comment faire cette tâche.

• Comment puis-je créer des auditeurs de l'événement JS qui survivent à un document. Écrivez-vous?
• Pourquoi utiliser document.write?
• Remplacer document.write () s dans une page xhtml + xml
• Alternatives à document.write
• La fonction Document.write remplace la page entière par le texte

• Comment puis-je ajouter quelque chose à mon html en utilisant javascript sans effacer toute la page
• Imprimez / affichez le nom d'une variable JavaScript au lieu de sa valeur
• Charger jQuery à partir d'une source externe s'il n'est pas chargé
• Pourquoi ce JavaScript (utilisant document.open et document.write) ne fonctionnera-t-il pas dans Internet Explorer ou Opera?
• JavaScript – contrôle du point d'insertion pour document.write

 var results = ""; for(var i=1;i<=10;i++) { results += "<div class='pagination_btn'>"+i+"</div>"; } document.getElementById("your result show div id").innerHTML = results; 

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

 document.getElementById('container').innerHTML += '<div>content</div>'; 

 $("#container").append("<div>content</div>"); 

 document.getElementsByTagName('body').innerHTML += '<div id="parent" class="pagination_btn_cont">'; for (i=1;i<=page;i++) { document.getElementById('parent').innerHTML = "<div class='pagination_btn'>"+i+"</div>"; }