const options = document.querySelectorAll(".hero-main-bg-option"); const bgParent = document.querySelector("#hero-main-bg .elementor-widget-container") options.forEach(option => { options[0].children[0].classList.add("active") option.addEventListener("click" , (e)=>{ bgParent.innerHTML = ''; const src = e.target.getAttribute("src"); const imgElem = document.createElement("img"); imgElem.className = `attachment-large size-large wp-image-4945 hero-animation-img` imgElem.setAttribute("src" , src) imgElem.setAttribute("srcset" , src) bgParent.append(imgElem) options.forEach(i => { i.children[0].classList.remove("active"); }) e.target.parentElement.classList.add("active"); }) });