Question

我无法更改项目网站中某个部门的背景图片。我在js文件中使用此代码：

  document.getElementsByClassName("home").style.backgroundImage = "url('../images/background4.jpg')";

我的html中的div是：

<div id="intro" class='home' align='center'>

我的js文件也位于project/js/script.js 图片位于project/images/background4.jpg 和index.html位于project/index.html

我无法找出错误！

修改

我也试过document.getElementById() 但这也行不通。

Answer 1

基本路径上下文由index定义，而不是由script.js定义（不是PHP）：

// index.html = ./project/
// execute index.html/js/script.js
// loading index.html/images/background4.jpg
document
  .getElementsByClassName('home')[0]
    .style
      .backgroundImage = "url('images/background4.jpg')";

在您的浏览器中检测DevTools：网络（右击：检查）。

度过美好的一天。

Answer 2

您必须使用document.getElementById('intro')定位您的div，而不是getElementsByClassName('home')。 getElementsByClassName返回元素集合，而不是元素。

编辑：是的，正如Evehne所说，路径应该是＆＃34; images /＆＃34;，而不是＆＃34; ../ images＆＃34;正如您在css文件中所做的那样。

使用js更改背景图片

修改

2 个答案: