Question

我有问题这是javascript功能，它不会在后台显示图像。

document.getElementById(showtag).className='loadings';

这是 css 中的类属性我觉得问题出在url path.loading.gif在images文件夹中。

.loadings
{
  height:50px;
  padding-left:15em;
  background-image:url('images/loading.gif');
  background-repeat:no-repeat;
  background-position:center;
}

Answer 1

问题很可能是你有一个目录结构，如：

/css/style.css
/images/loading.gif

所以你的CSS指向

/css/images/style.css

如果是这样，请在网址前面添加/。

Answer 2

你必须使用正确的gif路径。

现在假设您的css从路径/style加载，您查找的图片存储在路径/img/backgroundimages中，然后背景图片网址可能是url(../img/backgroundimages/loading.gif) 或 url(/img/backgroundimages/loading.gif)。换句话说，使用源自存储css文件的路径的相对路径，或使用服务器根目录的绝对路径（在网址前面加上/）。

Answer 3

假设变量showtag包含页面上已经的元素的id，那么您的代码应该有效。

所以要看一下：

showtag是否具有正确的值？（通过在调试器中单步执行代码来检查它;在2011年，no excuse没有将调试器用于客户端代码。）
代码运行时元素是否存在？或者以后添加？如果稍后添加，您需要安排代码以便稍后运行（将script元素放在页面末尾，就在结束</body>元素之前，或者使用{{1}或者你的图书馆提供的任何“已加载”或“就绪”事件（如果你正在使用）。
如果您手动将window.onload与该类添加到页面中会发生什么？类中的样式是否正确应用？如果没有，您知道您有CSS / HTML问题，而不是JavaScript问题。大多数浏览器中的开发人员工具（参见上面的第1点）将帮助您弄清楚CSS问题是什么 - 例如，如果图像路径不正确，则向您显示图像请求是404。

通过css更改div javascript类的背景

3 个答案: