comment changer l'image de fond de div en utilisant javascript?

c'est mon code

        <div style="text-align:center;">
            <div class="ghor" id="a" onclick="chek_mark()">
            </div>

appel de fonction

        <script type="text/javascript">

            function chek_mark(){
                var el= document.getElementById("a").style.background-    image;

ici je veux changer l'image d'arrière-plan à l'aide de si la condition else

if (el.url("Black-Wallpaper.jpg"))  
                    {                                  
                        el.url = "cross1.png";  
                    }
                    else if(el.url("cross1.png"))
                    {

                      alert("<h1>This is working too.</h1>");
                    }
                }

c'est la feuille de style

.ghor //this is the div class
{
    background-image: url('Black-Wallpaper.jpg');
    background-size: cover;
    border-radius: 5px;
    height: 100px;
    width: 100px;
    box-shadow: 2px 5px 7px 7px white;
    /*background-color: black;*/
    display:inline-block; 
}

je veux changer l'image de fond de la " div "qui classe est "ghor'

source d'informationauteur shajib0o | 2014-02-01

  1. 21

    Essayez ceci:

    document.getElementById('a').style.backgroundImage="url(images/img.jpg)"; //specify the image path here

    Espère que cela aide!

  2. 4

    essayer celui-ci!

    var el = document.getElementById("a").style.backgroundImage;
if(el == "url(Black-Wallpaper.jpg)") { //full value is provided
   el.style.backgroundImage = "url(/link/to_new_file.png)"; //change it
}
  3. 1

    Vous pouvez le faire dans l'une des manières suivantes

    ÉTAPE 1 

       var imageUrl= "URL OF THE IMAGE HERE";
   var BackgroundColor="RED"; //what ever color you want

    Pour changer le fond de CORPS

    document.body.style.backgroundImage=imageUrl  //changing bg image
document.body.style.backgroundColor=BackgroundColor //changing bg color

    Pour modifier un élément avec l'ID

    document.getElementById("ElementId").style.backgroundImage=imageUrl
document.getElementById("ElementId").style.backgroundColor=BackgroundColor

    pour les éléments d'une même classe

       var elements = document.getElementsByClassName("ClassName")
        for (var i = 0; i < elements.length; i++) {
            elements[i].style.background=imageUrl;
        }