我有一个简单的创建 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 中编写它来完成这项工作?