const bgImage = document.querySelector('.classname') 
bgImage.style.backgroundImage = "url('your-image.png')"


// Javascript createElement

const divBackground = document.createElement("div")
divBackground.style.background = 'url('your-image.png')'
document.body.appendChild(divBackground)

Popularity 10/10 Helpfulness 9/10 Language javascript

Source: Grepper

Tags: background-image back

Link to this answer
Share Copy Link

Contributed on Jun 15 2022

John Francis Bonifacio

0 Answers Avg Quality 2/10

add backgroundImage in javascript

Comment

var element = document.getElementsByClassName('class-name');
element.style.backgroundImage = 'url("../image.png")';

Popularity 9/10 Helpfulness 5/10 Language javascript

Source: Grepper

Tags: add

Link to this answer
Share Copy Link

Contributed on Sep 14 2022

Graceful Goosander

0 Answers Avg Quality 2/10

set background image javascript

Comment

//Dynamically set the background image using js

let imageLink = 'https://images.pexels.com/photos/3928264/pexels-photo-3928264.jpeg?auto=compress&cs=tinysrgb&w=600&lazy=load'
document.getElementById(
    'body'
  ).style.backgroundImage = `url(${imageLink})`;
//Note that the url is encompassed by backticks, not single quotations.
//Backticks can be gotten on keyboard 
//You can build a function and make imageLink a parameter or do anything else. 
//There are many thinngs

Popularity 10/10 Helpfulness 4/10 Language javascript

Source: Grepper

Tags: background-image back

Link to this answer
Share Copy Link

Contributed on Oct 23 2022

Anatu Green

0 Answers Avg Quality 2/10

how to add background images using javascript

Contents

More Related Answers