Question

#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.

我正在尝试使用document.getElementById来显示图像我使用background-image: url("maze.jpg");让代码显示图像，但它不起作用。谁能告诉我我能修复什么？

谢谢！

Answer 1

好的，如果我理解你正确，你想让js文件改变你的div的CSS吗？如果是这样，请在您的js文件中尝试此操作。

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%";

这样做是为了在您选择的ID上创建样式属性。希望这会对你有所帮助。

如何在css中使用图像并通过document.getElementById显示该图像？

1 个答案: