Alguien me puede explicar esto:
Tengo un div cuya imagen de fondo está funcionando:
<section class="bottom-banner" id="imagebannerthree" style="background-image:url(https://*****.com.au/wp-content/custom-products/1628/bottom-3.jpg);"> </section>pero cuando intenté cargar la imagen de fondo usando javascript, no se cargó ninguna imagen:
document.getElementById('imagebannerthree').style.backgroundImage = checkImage("https://*****.com.au/wp-content/custom-products/1628/bottom-3.jpg"); function checkImage(url) { var http = new XMLHttpRequest(); http.open('HEAD', url, false); http.send(); if (http.status == 200) { return 'url(' + url + ')'; } else { document.getElementById('' + parentdiv).remove(); } }Debe usar comillas al asignar valor a style.backgroudImage
document.getElementById('imagebannerthree').style.backgroundImage = "url('https://*****.com.au/wp-content/custom-products/1628/bottom-3.jpg')";lo más probable es que obtenga el error "url no es una función".
document.getElementById('imagebanner').style.backgroundImage = "url(https://piranhatc.com.au/wp-content/custom-products/1628/bottom-3.jpg)"; function checkImage(url) { var http = new XMLHttpRequest(); http.open('HEAD', url, false); http.send(); if (http.status == 200) { return 'url(' + url + ')'; } else { document.getElementById('' + parentdiv).remove(); } } .bottom-banner { object-fit: cover; width: 200px; height: 200px; } <section class="bottom-banner" id="imagebanner"> </section>el nombre en id no coincide. Las funciones escritas a continuación parecen irrelevantes.