Javascript 如何在css中使用图像并通过document.getElementById显示该图像？ #迷宫{ 位置：绝对位置； 最高：25%； 右：1%； 宽度：730px； 背景图片：url（“maze.jpg”）；}//这些都在css中。 var maze=document.getElementById（'maze'）//这一行在脚本中。 //这条线在身体里。

我正在尝试使用document.getElementById显示图像。
我使用了

背景图像：url（“maze.jpg”）

让代码显示图像，但不起作用。谁能告诉我我能修好什么

---

谢谢大家!

好的，如果我理解正确，您希望js文件更改div的css，对吗？如果是这样的话，在js文件中试试这个

#maze{
    position: absolute;
    top: 25%;
    right: 1%;
    width: 730px;
    background-image: url("maze.jpg");}   //these are in the css.

var maze = document.getElementById('maze');  //this line is in the script.

<div id = "maze"></div>  //this line is in the body.

它要做的是在选定的id上创建样式特性。

---

希望这能对您有所帮助。

不太清楚您如何使用Javascript，但假设文件名正确，图像不会显示，因为

是一个类选择器，div有一个id。因此，CSS中的

#maze

或HTML中的

（但不是两者都有）.我做了但还是不行..你的JS有什么意义？您的html/css将显示图像。你想做什么？我想做一个迷宫，一张女孩的照片必须用键盘上的箭头键找到正确的方法。但是我必须用csscan，你能解释更多吗？你会改变你已经拥有的css文件或者给一些id赋予样式吗？

document.getElementById("maze").style.backgroundImage = "url(maze.jpg)";
    document.getElementById("maze").style.width = "732px";
     document.getElementById("maze").style.top = "25%";
      document.getElementById("maze").style.right =  "1%";