如何使用javascript更改div的背景图像？

这是我的密码

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

        <script type="text/javascript">

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

我想更改“div”的背景图像，该类为“ghor”

尝试以下操作：

        <script type="text/javascript">

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

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

希望有帮助

试试这个

        <script type="text/javascript">

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

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
}

---

你可以用以下方法来做

        <script type="text/javascript">

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

步骤1

        <script type="text/javascript">

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

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

用于更改主体的背景

        <script type="text/javascript">

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

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

更改ID为的元素

        <script type="text/javascript">

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

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

对于具有相同类别的元素

        <script type="text/javascript">

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

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

var elements=document.getElementsByClassName（“ClassName”）
对于（var i=0；i

HTML

//下面是一个例子，如何通过从一些API中复制一个新的URL来使用javascript更改元素的背景图像。
//让图像从API中技术化：这是您要作为新背景放置的图像！
//缩略图像：
//data.picture.缩略图
//需要更改背景的HTML元素的id为#缩略图。
var thumbUrl=document.querySelector（“缩略图”）；
//使用一个函数来更新HTML中的数据-这就完成了
//在解析所获取的数据之后，我省略了用于解析数据的步骤。
函数更新数据（数据）{
//data.picture.medium表示新获取的数据，其中包含要用作背景图像的新图像的URL。
var newImage=data.picture.medium；
thumbUrl.style.backgroundImage=“url（“+newImage+”）；
}

这将只获取文件名，还是同时获取路径？@Avisari，它将获取

背景图像的值

css属性。如果提供了文件路径，则其值也将包括文件路径。否则只有图像（/link/to_new_file.png）“我应该在这里写些什么它不起作用”var el=document.getElementById（'a'）。backgroundImage；如果（el==“url（Black wallper.jpg）”{//el.style.backgroundImage=“url（cross1.png）”；警报（“其工作”）；}请添加

（'a'）.style.backgroundnimage

而不是简单的

（'a'）。backgroundImage

。因为背景是对象样式的属性，而不是对象的属性。请添加一个解释，说明为什么这样做。非常感谢。