Puedo obtener datos de Firestore (texto) y mostrarlos en el sitio de mayo, pero no puedo mostrar imágenes. Pensé que usar una identificación funcionaría, pero no fue así. Pensé que solo tendría que reemplazar el src dentro de la etiqueta de la imagen con la URL de datos de Firestore

código de secuencia de comandos

 const app = initializeApp(firebaseConfig); const analytics = getAnalytics(app); const db = getFirestore(app); // all home Data const hero = onSnapshot(doc(db, "pages", "homePage"), (doc) => { //hero image var HeroText = doc.data().heroText; var HeroLink = doc.data().heroLink; var TabOneImage = doc.data().tabOneImage; var TabOne = doc.data().tabOne; var TabTwo = doc.data().tabTwo; var TabThree = doc.data().tabThree; document.getElementById("heroText").innerText = HeroText; document.getElementById("heroLink").innerText = HeroLink; document.getElementById("tabOneImage").innerText = TabOneImage; document.getElementById("tabOneName").innerText = TabOne; document.getElementById("tabTwoName").innerText = TabTwo; document.getElementById("tabThreeName").innerText = TabThree; console.log("Current data: ", doc.data()); });

código HTML

 <img class="article-img" src="tabOneImage" alt=" " />