Comment changer de fond HTML avec la fonction JavaScript? J'ai besoin d'une seule fonction simple pour changer d'arrière-plan d'une image à une autre?
6 Réponses :
Très simple comme ceci: espère que cela vous aide ou si vous voulez utiliser CSS ( Solution plus élégante ) avec elle, vous pouvez utiliser:
Eh bien, pour une chose "fond" n'est pas une propriété de l'objet
function changeBGImage(whichImage){
document.body.style.backgroundImage = "url(" + whichImage + ")";
}
@Pointy, il a manqué la propriété style , il doit être document.body.style.backgroundImage = "URL (" + QuiImage + ")";
Une alternative
Je pense qu'il est excédent d'importer une bibliothèque entière (jQuery) uniquement pour cela
C'est correct, c'est pourquoi je mets iff (si et seulement si, et en gras) jQuery est utilisé !!
Essayez quelque chose comme ceci:
function newBackGround (element,background) {
element.style.backgroundImage = "url("+background+")";
}
newBackground (myElement,"newBackground.jpg");
p>
element = document.querySelector("body");
element.style.backgroundImage = "url('https://cdn.xgqfrms.xyz/logo/logo.png')";
elements = document.querySelectorAll("div");
for(let element of elements){
element.style.background = "url('https://cdn.xgqfrms.xyz/logo/logo.png')";
}Toutes ces réponses changent le corps. La manière la plus directe de changer le fond HTML est comme:
const imagePath = "/img/sub-folder/my-image.png";
document.documentElement.style.background = `url("${imagePath}")`;