Estoy trabajando en un proyecto y quiero saber si hay alguna forma de cambiar el contenido de un archivo html como imágenes, texto, etc. con javascript (sin ningún marco) haciendo clic en elementos de otro archivo html.
En general, el navegador le impedirá editar el contenido de cualquier archivo en su disco duro, o cualquier página servida desde otro dominio/url base. Sin embargo, si ambos archivos están en el mismo proyecto, como se muestra a continuación, puede realizar ediciones temporales en un archivo del otro;
/http |-index.html |-template.html |-hello.png index.html puede contener una etiqueta <script> con lo siguiente
// first we open a popup showing the other page let window_template = open("template.html","_blank") // now we can do whatever we want in the popup window from the original index.html: let new_img = window_template.document.createElement("img") new_img.src = "hello.png" window_template.document.body.appendChild(new_img)Esto no guarda (y no puede) ningún cambio en "template.html".
Para realizar cambios en los archivos, debe ejecutar su propio servidor. Luego, index.html puede enviar una solicitud al servidor, y el servidor tendrá la capacidad de realizar ediciones en nombre de su aplicación basada en navegador. Eche un vistazo a Node.js y la biblioteca del servidor Express... Lo encontré lo suficientemente accesible a medida que avanzan los marcos del servidor.