1

我有一个简单的创建 div 脚本,但没有创建背景图像,这让我很烦恼。

我尝试了几种方法,但都没有奏效:

var d = document.createElement('div');
d.id = 'content';
d.className = 'inner';
d.background = "url=('images/h.png')";
document.getElementById('menu').appendChild(d);

我还尝试了这些替代方法:

d.style.background = "url=('images/h.png')"; 
d.backgroundImage = "url=('images/h.png')";
d.style.backgroundImage = "url=('images/h.png')";

所有 3 都不起作用,但 div 确实加载并且高度肯定不是 0px,因为那里有一段文本...... div 的 CSS 是:

.inner{
    text-align:center;
    background-repeat: no-repeat;
    background-position: top center;
    width:100%;
    padding-top:30px;
    min-height:300px;

}

根据我的 Chrome 调试工具,图像没有加载到资源中,甚至没有请求加载。如果 ii 的 url 错误,我会找不到资源,所以我想知道是否有特定的方法可以在 JS 中编写它来完成这项工作?

4

1 回答 1

3

为什么那里有等号?把它拿出来,你的代码应该可以工作:

d.style.backgroundImage = "url('images/h.png')";
于 2012-12-20T04:13:19.683 回答