如何使用Javascript显示图像？

嗯，我刚从互联网上下载了一个免费模板，它的级别较低：

我想在那里放置一个图像，而不是地图，但我不知道怎么做。地图上使用了一个非常复杂的脚本，大约有2000-2500行。我尝试删除所有内容，并将脚本替换掉，但在最好的情况下，我的图像显示在页脚后面

我认为，让事情变得更黑暗的是这个代码：

    #map {
    height: 830px;
}
.map {
    position: relative;
    overflow: hidden;
}
.contact {
    position: absolute;
    width: 100%;
    height: 830px;
    margin-top: 0px;
    left: 0;
    margin-top: -830px;
    background: rgba(0, 0, 0, 0.51);
}
.contact-caption {
    margin-top: 120px;
}

在索引中，它看起来像这样：

<div class="api-map" id="contact">
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-12 map" id="map"></div>
        </div>
    </div>
</div>

---

您能帮我吗？

您可以在css中执行类似的操作

body {
    height: 100%;
    background-image: url("imageURL");
}

或者，如果必须对背景图像使用javascript，请执行此操作

document.body.style.backgroundImage = "url('')";

---

如果您提供了供我参考的实际模板，这个问题将更容易回答。但是，请尝试以下步骤：

查找包含地图作为背景的根元素

从中删除地图，并使用以下css：

element{
    background-image: url("imageUrl");
}  

---

这样背景的样式会很好。如果你需要进一步的帮助，请评论这篇文章或澄清

是的，我没想到。以下是链接（上传到mediafire，原始网站要求您创建帐户）：。我想更改的是“联系人”处的地图。你之前建议的东西似乎不起作用……好吧，我看了一下shapebootstrap.net网站的模板。这是一个具有多个部分的单页网站，您需要编辑该特定部分。这会有用的。联系{background image:url:（“imageURL”）}好吧，应该可以，但我找不到放在哪里。我把它放在style.css中，但它给了我一个灰色或白色的背景，而不是我的图像。我也找不到图像的分辨率。如果你能帮助我，我将不胜感激！如果要删除地图，请仔细查看HTML，您将看到下面的div，其中包含正在显示的地图的所有HTML。在css中，/*gmap*/下还有一个部分，下面是地图的样式。您应该能够删除所有这些内容，并将上面提到的css放在您的.contact{}css中，并具有您想要的功能。在styles.css中，有一个特定的部分用于设置html的contact部分的样式。看起来是这样的。联系{}您应该将背景图像放在这里：url:（“imageURL”）。此外，您可能希望继续并删除html、css和js中对地图的引用。我在上面提到了一些。你拥有的很多脚本标签都是googlemap.js文件，所有这些文件都可以使该地图在联系人部分工作。我尝试了CodeBroJohn所说的，我的图像出现了，但扩展到了另一个字段。以下是主题：。我想在“联系人”处更改背景上的地图。有趣的是，它似乎正在创建地图的

.Contact

类没有响应背景图像的事情。。。奇怪的一旦我回到一个文本编辑器的家里，我就必须更好地研究这个问题。