Soy un codificador principiante. ¿Alguien podría ayudarme a hacer que cuando presione en un enlace de salida desaparezca el html que inyecté antes?
const btnif = document.querySelector("#ytif"); const ifpss = document.querySelector(".ifpss"); btnif.addEventListener('click', () => { ifpss.innerHTML = `<div class="ytifrore"><div class="ytiframe"><div id="closep"> × Fermer la page </div><iframe class="ytifr" width="1280" height="720" src="https://www.youtube.com/embed/KMPkI" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard - write; encrypted - media; gyroscope; picture - in -picture " allowfullscreen></iframe></div></div>`; }) <div class="ifpss"></div> <a href="#" id="ytif" class="watch-more buttontext"> <p>Voir la vidéo de présentation →</p> </a>Algo como
var myobj = document.getElementById("demo"); myobj.remove();podría ayudar
Eche un vistazo a https://www.w3schools.com hay buenos ejemplos para principiantes
¿Por qué no simplemente poner su enlace dentro del div de destino? Luego, su código existente lo sobrescribirá naturalmente.
const btnif = document.querySelector("#ytif"); const ifpss = document.querySelector(".ifpss"); btnif.addEventListener('click', () => { ifpss.innerHTML = `<div class="ytifrore"><div class="ytiframe"><div id="closep"> × Fermer la page </div><iframe class="ytifr" width="1280" height="720" src="https://www.youtube.com/embed/KMPkI" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard - write; encrypted - media; gyroscope; picture - in -picture " allowfullscreen></iframe></div></div>`; }) <div class="ifpss"> <a href="#" id="ytif" class="watch-more buttontext"> <p>Voir la vidéo de présentation →</p> </a> </div>Simplemente agregue <a href="#" onclick="ifpss.innerHTML=''"> para convertir el texto en un enlace que elimine el ifpss html.
const btnif = document.querySelector("#ytif"); const ifpss = document.querySelector(".ifpss"); btnif.addEventListener('click', () => { ifpss.innerHTML = `<div class="ytifrore"><div class="ytiframe"><div id="closep"> <a href="#" onclick="ifpss.innerHTML=''">× Fermer la page</a> </div><iframe class="ytifr" width="1280" height="720" src="https://www.youtube.com/embed/KMPkI" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard - write; encrypted - media; gyroscope; picture - in -picture " allowfullscreen></iframe></div></div>`; }) <div class="ifpss"></div> <a href="#" id="ytif" class="watch-more buttontext"> <p>Voir la vidéo de présentation →</p> </a>