[重新编辑的问题]
一段简单的代码：
var newDiv = document.createElement("div");
newDiv.style["background-color"] = "#DDD";
newDiv.innerHTML = " (some content) ";
container.appendChild(newDiv);
（对象“容器”在前面定义）
在最新版本的 Chrome 中，新的 div 框以灰色背景显示，在 IE8 中背景是透明的。如果我改成这样：
newDiv.style.backgroundColor = "#DDD";
该框的背景在 IE8 中也是灰色的。为什么是这样？我还没有在IE9中测试过。
To make it work correctly in IE8 and IE9 specify the proper doctype at the start of your document :
<!DOCTYPE html>
<html>
...
我正在使用 Internet Explorer 8，您的代码可以在我的浏览器中运行，但有一个小技巧 - 设置 DIV 的高度
var newDiv = document.createElement("div");
newDiv.style.backgroundColor = "#DDD";
container.appendChild(newDiv);
//this new addition showed it worked
newDiv.style.height = '50px';
或使用
newDiv.innerHTML = ' ';
可能是因为 div 没有内容，所以没有显示。