Quiero cargar un html y sus archivos css en otro html con XMLHttpRequest() El problema es que el archivo html está cargado pero no su archivo css.
¿Es posible cargar el archivo para que se vea igual que el original?
Logré esto al cargarlo en un iframe de pantalla completa, pero me gustaría lograrlo sin el uso de un iframe.
var xmlhttp = new XMLHttpRequest(); xmlhttp.onreadystatechange = function() { if (xmlhttp.readyState == XMLHttpRequest.DONE) { // XMLHttpRequest.DONE == 4 document.getElementById("myDiv").innerHTML = xmlhttp.responseText; } }; xmlhttp.open("GET", "myHtmlWithCss.html", true); xmlhttp.send();Prueba siguiente
<object type="text/html" data="your-file.html" width="100%" height="100%" />Tal vez necesite asignar "altura: 100vh;" con CSS adicional.